1. 表格的基本标签
标签名 | 说明 |
---|---|
table | 表格整体,用于包裹tr |
tr | 表格每行,用于包裹td |
td | 表格单元格,用于包裹内容 |
2. 表格的基本属性
属性名 | 属性值 | 说明 |
---|---|---|
border | 数字 | 边框宽度 |
width | 数字 | 表格宽度 |
height | 数字 | 表格高度 |
3. 表格标题和表头单元格标签
标签名 | 说明 |
---|---|
caption | 表格整体大标题,默认在表格整体居中显示 |
th | 一列小标题,位于表格第一行,默认内部文字加粗居中显示 |
- 注意点
- caption标签嵌套在table标签内
- th标签嵌套在tr标签内
4. 表格的结构标签
thead、tbody、tfood
5. 合并单元格
-
步骤
-
明确合并哪几个单元格
-
通过左上原则,明确保留谁删除谁
- 上下合并——只保留最上的,删除其他
- 左右合并——只保留最左的,删除其他
-
给保留的单元格设置:跨行合并(rowspan)或跨列合并(colspan)
属性名 属性值 说明 rowspan 合并单元格的个数 跨行合并 colspan 合并单元格的个数 跨列合并
-
-
注意点
只有同一个结构标签钟的单元格才能合并,不能跨结构标签合并