表格的基本标签
场景:在网页中以行+列的单元格的方式整齐展示数据,如:学生成绩表
标签的嵌套关系:table>tr>td
表格相关属性
场景:设置表格基本展示效果
常见相关属性:
注意点:
实际开发时针对于样式效果推荐使用CSS设置
表格标题和表头单元标签
场景:在表格中表示整体大标题和一列小标题
其他标签:
注意点:caption标签书写在table标签内部
th标签书写在tr标签内部(用于替换td标签)
表格的结构标签(了解)
场景:突出表格的不同部分(头部,主题,底部)
结构标签:
注意点:
表格结构标签内部用于包裹tr标签
表格的结构i标签可以省略
合并单元格:
1.明确合并哪几个单元格
2.左上保留原则:
上下合并即只保留最上的,删除其他
左右合并即只保留最左的,删除其他
3.给保留的单元格设置:跨行合并(rowspan)或者跨列合并(colspan)
注意点:只有同一个结构标签中的单元格才能合并,不能跨结构标签合并(不能跨:thead,tbody,tfoot)