html表格标签_表格标签:table、capti

1. 完成一个简单的表格，需要由几个标签组成？分别表示什么？

• tr标签：表格每行
• td标签：对于主题的每一项内容
• 表格基本标签的嵌套规范是什么？
  table > tr > td

2. 表格相关属性

• 场景：设置表格基本展示效果
• 常见相关属性：

• 注意点：
  实际开发时针对于样式效果推荐用CSS设置

3. 表格标题和表头单元格标签

   • 场景：在表格中表示整体大标题和一列小标题
   • 其他标签：

​ 注意点：
​ - caption标签书写在table标签内部
​ - th标签书写在tr标签内部（用于替换td标签）

4. 表格的结构标签（了解）

   • 场景：让表格的内容结构分组，突出表格的不同部分（头部、主体、底部），使语义更加清晰

   • 结构标签：

• 注意点：
  表格结构标签内部用于包裹tr标签
  表格的结构标签可以省略

5. 合并单元格-思路

• 场景：将水平或垂直多个单元格合并成一个单元格

• 合并单元格步骤：

  1. 明确合并哪几个单元格

  2. 通过左上原则，确定保留谁删除谁

     • 上下合并→只保留最上的，删除其他
     • 左右合并→只保留最左的，删除其他

  3. 给保留的单元格设置：跨行合并（rowspan）或者跨列合并（colspan）

• 注意点：
  只有同一个结构标签中的单元格才能合并，不能跨结构标签合并（不能跨：thead、tbody、tfoot）