重点
掌握表格基本结构、完整结构
掌握表格语义化
掌握2个属性:rowspan和colspan
基本结构
一个表格一般会由以下3个部分组成:
默认情况下,表格是没有边框的。其中,表格的边框、颜色、大小都是由CSS控制
完整结构
表格完整结构包括:table、tr、td、caption、th。
th和td的区别:
显示上:浏览器会以“粗体”和“居中”来显示th标签中的内 容,但是td标签不会;
语义上:th标签用于表头,而td标签用于表行。
表格语义化
thead、tbody和tfoot把表格划分为3部分:表头、表身、表脚。
作用:有了这3个标签,表格语义更加良好,结构更清晰,也更具有可读性和可维护性。
合并行
我们可以使用rowspan属性来合并行。所谓的合并行,指的是将“纵向的N个单元格”合并。
合并列
我们可以使用colspan属性来合并列。所谓的合并列,指的是将“横向的N个单元格”合并。