html中表格的合并

我们首先做一个3X3的表格，用很简单的表格来演示表格的合并。

body部分代码如下：

一、列合并

将第一行的三列合并为一列

合并时遵守从左到右、从上到下的规则。如本次列合并，按照从左到右规则，应找到最左端的一列进行colspan属性的描述，既第一个tr中第一个td。

代码如下：

结果如下

结果看与预期不同，原因是什么呢？

答：由于进行合并的后两个单元格中有内容，所以合并失败。

删除内容后：

结果：

还是错误。

由此可知，需要将后两个单元格直接删除，而不是只删除单元格中的内容。

结果：

二、行合并

将第一列的三行合并为一行.

 按照从左到右规则，并结合列合并时删除单元格的原理，代码修改后如下：

运行结果：