1.1表格结构标签
使用场景:因为表格可能很长,为了更好的表示表格的语义,可以将表格分隔成表格头部和表格主体两大部分。在表格标签中,分别用:<thead>标签表示表格的头部区域、<thbody>标签表示表格的主体区域,这样可以更好的分清表格的结构。
th是表头单元格;thead是表头区域
thead一般是表格的第一行
以上两个标签是放在table中的
1.2合并单元格
特殊情况下,可以把多个单元格合并为一个单元格,这里会最简单的合并单元格即可
分为两种:
跨行合并:rowspan="合并单元格的个数"
跨列合并:colspan="合并单元格的个数"
目标单元格:(写合并代码)
跨行:最上侧单元格为目标单元格,写合并代码
跨列:最左侧单元格为目标单元格,写合并代码
步骤:
1:确定跨行还是跨列合并
2:找到目标单元格,写上合并方式=合并单元格的数量。例如:<td colspan="2"></td>
3 :删除多余的单元格
跨行是rowspan
跨列是colspan
最后一个步骤是删除多余的单元格
小总结:标签(table、tr、td、th、thead、tbody)
属性:位置是写在*号的位置: <table ******> </table>
合并单元格(如上所示):跨行:
跨列:
删掉多余单元格: