HTML表格总结

知识小记:

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

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

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

要求:能分析表格结构,能简单合并单元格。

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

常用标签:

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

用于合并单元格,顺序先上后下、先左后右

<td rowspan="2">内容</td>

上一篇:探究javascript对象和数组的异同,及函数变量缓存技巧


下一篇:linux安装python