正确使用table、tr、td、th等标签可构建结构清晰的HTML表格。首先用table定义表格，tr表示行，td存放数据，th定义表头；对于复杂表格，可用thead、tbody、tfoot进行语义化分组，提升可读性与样式控制；通过colspan和rowspan实现单元格跨列或跨行合并。示例展示了基本结构、表头添加、分组应用及合并功能，最终强调表格适用于二维数据展示，不宜过度用于页面布局。
构建HTML表格主要使用table标签，配合tr、td、th等元素来组织数据。下面详细介绍如何正确使用这些标签创建结构清晰的表格。
一个最简单的HTML表格由table标签包裹，内部用tr表示行，td表示单元格。
：定义整个表格
：定义表格中的一行
：定义标准单元格（普通数据）
示例：
张三
25岁
李四
30岁
2. 添加表头信息
使用th标签定义表头单元格，通常用于第一行或第一列，浏览器默认加粗并居中显示。
示例：
姓名
年龄
张三
25
3. 表格分组：thead、tbody、tfoot
对于复杂表格，可以使用语义化标签将表格分为头部、主体和尾部，提升可读性和样式控制能力。
：包含表头行
：包含表格主体数据
：可选，用于汇总行（应放在tbody前以保证渲染顺序）
示例：
产品
价格
苹果
5元
总计
5元
4. 跨行跨列合并单元格
使用colspan和rowspan属性实现单元格合并。
-
colspan="2"：横向合并两列
-
rowspan="3"：纵向合并三行
示例：合并表头
学生成绩
数学
90
基本上就这些。掌握这些标签和属性后，就能构建出结构合理、语义清晰的HTML表格。注意避免过度使用表格布局页面，它更适合展示二维
数据。
服务热线
数据。