知识小记:
表格的主要目的:用于HTML展示数据,不适用于布局。
表格由行的单元格组成,没有列,常识上的“列”的个数取决于行中单元格的个数。
表格本来就很丑,颜色线条美化交给css。
要求:能分析表格结构,能简单合并单元格。
复杂的表格其结构也相对复杂,可将表格分为三个部分:题头、正文和脚注,分别用thead,tbody,tfoot来标注,利于分清表格结构。
常用标签:
标签名 | 定义 | 备注 |
<table></table> | 表格标签 | 四方盒子 |
<tr></tr> | 表格行标签 | 处于表格标签内部才有意义 |
<td></td> | 单元格标签 | 是个容器级元素,可放任何东西 |
<th></th> | 表头单元格标签 | 仍然是单元格,但里面的文字会居中加粗显示 |
<caption></caption> | 表格标题标签 | 表格的标题,跟随表格移动,与表格居中对齐 |
clospan rowspan | 合并属性 |
用于合并单元格,顺序先上后下、先左后右 <td rowspan="2">内容</td> |