HTML复习(5.表格)

重点

掌握表格基本结构、完整结构

掌握表格语义化

掌握2个属性:rowspan和colspan

基本结构

一个表格一般会由以下3个部分组成:

HTML复习(5.表格)

默认情况下,表格是没有边框的。其中,表格的边框、颜色、大小都是由CSS控制

完整结构

表格完整结构包括:table、tr、td、caption、th。
HTML复习(5.表格)

th和td的区别:

显示上:浏览器会以“粗体”和“居中”来显示th标签中的内 容,但是td标签不会;
语义上:th标签用于表头,而td标签用于表行。
表格语义化
thead、tbody和tfoot把表格划分为3部分:表头、表身、表脚。
作用:有了这3个标签,表格语义更加良好,结构更清晰,也更具有可读性和可维护性。
合并行
我们可以使用rowspan属性来合并行。所谓的合并行,指的是将“纵向的N个单元格”合并。
 HTML复习(5.表格)

合并列

我们可以使用colspan属性来合并列。所谓的合并列,指的是将“横向的N个单元格”合并。

HTML复习(5.表格)

 

HTML复习(5.表格)

上一篇:实验 3:Mininet 实验——测量路径的损耗率


下一篇:PHP设计模式之模板方法模式(Template Method)代码实例大全(31)