HTML表格总结

 

知识小记：

表格的主要目的：用于HTML展示数据，不适用于布局。

表格由行的单元格组成，没有列，常识上的“列”的个数取决于行中单元格的个数。

表格本来就很丑，颜色线条美化交给css。

要求：能分析表格结构，能简单合并单元格。

复杂的表格其结构也相对复杂，可将表格分为三个部分：题头、正文和脚注，分别用thead,tbody,tfoot来标注，利于分清表格结构。

 

常用标签：

标签名	定义	备注
<table></table>	表格标签	四方盒子
<tr></tr>	表格行标签	处于表格标签内部才有意义
<td></td>	单元格标签	是个容器级元素，可放任何东西
<th></th>	表头单元格标签	仍然是单元格，但里面的文字会居中加粗显示
<caption></caption>	表格标题标签	表格的标题，跟随表格移动，与表格居中对齐
clospan rowspan	合并属性	用于合并单元格，顺序先上后下、先左后右 <td rowspan="2">内容</td>