HTML表格合并单元格及行列设置方法

示例：创建一个2×2的简单表格

2. 横向合并单元格（colspan）

使用 colspan 属性可以让一个单元格横跨多列。

例如：让表头“学生成绩”占据两列

这里 colspan="2" 表示该单元格占两列宽度，下方行仍需正常定义两个单元格。

3. 纵向合并单元格（rowspan）

使用 rowspan 属性可以让一个单元格竖直方向跨多行。

例如：让“张三”这个名字在两行中共享

rowspan="2" 表示该单元格向下延伸占两行，下一行中就不再为“张三”重复写单元格。

4. 同时合并行列（rowspan + colspan）

可以同时使用两个属性实现更复杂的布局。

示例：一个单元格横跨两列且纵跨两行

注意：合并后要合理安排其他单元格位置，避免错位或重叠。

基本上就这些。掌握 rowspan 和 colspan 能让你灵活设计表格布局，适用于成绩表、课程表、报表等复杂场景。关键是理解“占位”逻辑，被合并的单元格就不需要再单独写出。不复杂但容易忽略细节。

文中关于html,HTML5的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《HTML表格合并单元格及行列设置方法》文章吧，也可关注golang学习网公众号了解相关技术文章。