HTML5中构建表格最基础方式是使用table、tr、td、th标签；需添加caption语义化标题，并推荐用thead/tbody/tfoot划分逻辑区域，配合colspan/rowspan实现合并，再通过CSS设置边框与样式。
如果您需要在网页中展示结构化的行列数据，HTML5 中最基础且常用的方式是使用 table 元素及其嵌套标签构建表格。以下是建立标准 HTML5 表格的具体步骤：
一、使用 table、tr、td 和 th 标签构建基础表格结构
table 标签定义整个表格容器，tr 表示表格中的一行，td 用于普通单元格，th 专用于表头单元格（默认加粗居中显示）。正确嵌套这四个标签是生成合法 HTML5 表格的前提。
1、在 HTML 文档的 body 区域内输入
| 标签定义列标题，例如 | 姓名 | 年龄 | 。
|---|---|---|
| 标签填入对应数据，例如 | 张三 | 25 | 。
二、为表格添加边框与基础样式以增强可读性
HTML5 默认不渲染表格边框，需通过内联 style 属性或 CSS 控制视觉呈现。添加 border 属性可使行列结构清晰可见，便于调试和初始查看。
1、在
| 和 | 添加 style="border: 1px solid #000; padding: 6px;"，确保单元格边界分明且内容不紧贴边框。
3、可选：为 |
添加 style="background-color: #f2f2f2;" 以区分表头与数据行。
三、使用 colspan 和 rowspan 实现单元格跨列或跨行合并当表格中存在需要横向或纵向合并的标题或数据区域时，colspan 属性控制单元格跨越的列数，rowspan 控制跨越的行数。这是构建复杂表头或汇总行的关键手段。 1、在某个 |
或 | 标签中添加 colspan="2"，使其占据两个相邻列的宽度。
2、在某个 |
或 | 标签中添加 rowspan="3"，使其垂直跨越三行高度。
3、调整后续 |
|---|---|---|---|
| 的 | |
|---|---|
| 的 | |
| 合计 | 120 |
