表格的总结:
标签 | 属性 |
<table></table> 表格 | width:宽度 |
<tr></tr> 行 | height:高度 |
<td></td> 单元格 | cellspacing:单元格与单元格之间的距离 |
<th></th> 表头 加粗 加黑 自动居中 | cellspadding:单元格与内容之间的距离 |
<caption></caption> 表格的标题 写在内部 显示外部 居中 | align: left/center/right 注意: 当给表格设置居中整个表格会居中(文字不会居中) 当指定tr 或者td 文字居中 |
<thead></thead> 结构头 | colspan:列合并 |
<tbody></tbody> 结构体 | rowspan:行合并 |
<tfoot></tfoot> 结构底 |
<table align="center" border="1" cellspacing="0" cellpadding="8" width="500" height="256">
<tr>
<th>姓名</td>
<th>性别</td>
<th>年龄</td>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>56</td>
</tr>
<tr>
<td>张</td>
<td>男</td>
<td>58</td>
</tr>
</table>
合并单元格的代码示范
<table border="1" width="500" height="249" cellspacing="0">
<tr>
<th></th>
<th colspan="2"></th>
<!-- <th></th>这里注释是上面合并了单元格需要把多余的单元格删除,2代表合并两个单元格 -->
<!-- colspan跨列合并单元格 -->
</tr>
<tr>
<th rowspan="2"></th>
<!--rowspan 跨行合并单元格 -->
<th></th>
<th></th>
</tr>
<tr>
<!-- <th></th> -->
<th></th>
<th></th>
</tr>
</table>