table标签经典案例，综合使用行合并与列合并实现html网页表格【2020网页综合笔记03】

html表格的使用价值：

html表格的掌握对于很多页面的排版都非常重要，尤其做数据的排版用得非常多，因为比较简便，数据的加载速度也非常快。

html网页表格通常也用于各种表单数据提交类型的页面，可以实现更好的页面展示效果。

本文最终效果说明：

说明：其中数字1、3、4单元格实现合并两行。 数字11实现合并两列。

这个表格练习，充分考量了一个开发人员对表格类型标签的掌握程度，可在此基础上实现更为复杂的表格。

我们对于表格中行合并与列合并的操作都是用在td或者th这样的列单元格标签上的。

当前一格有行合并效果是，后一格默认单元格占据一行。

界面效果：

源代码分享：

代码语言：javascript代码运行次数：0运行复制