码迷,mamicode.com
首页 > 其他好文 > 详细

table

时间:2019-07-11 18:42:30      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:rowspan   表头   pre   border   添加   单元格   span   跨行   htm   

<table border="1">   border(表格线宽)
  <tr>                行
    <th>Month</th>    列 colspan="2"可以跨列.下面的tr中需要添加额外的td;rowspan="2" 可以跨行,下一个tr需要减少一个td。 th一般用于表示表头
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>  td一般用于表示表数据
    <td>$100</td>
  </tr>
</table>


<html>

<body>

<h4>横跨两列的单元格:</h4>
<table border="1">
<tr>
<th>姓名</th>
<th colspan="2">电话</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>

<h4>横跨两行的单元格:</h4>
<table border="1">
<tr>
<th>姓名</th>
<td>Bill Gates</td>
</tr>
<tr>
<th rowspan="2">电话</th>
<td>555 77 854</td>
</tr>
<tr>
<td>555 77 855</td>
</tr>
</table>

</body>
</html>

 

table

标签:rowspan   表头   pre   border   添加   单元格   span   跨行   htm   

原文地址:https://www.cnblogs.com/clamp7724/p/11171856.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!