如何合并 HTML 中的表格单元格？

在 HTML 中，单个单元格或者一行、一列的单元格都可以被合并，可以使用 colspan 和 rowspan 属性来实现。

colspan 属性

colspan 属性用于合并单元格的列数，比如将一行中的两个单元格合并成一个。该属性值为一个正整数，表示要合并的列数。

下面是一个使用 colspan 属性合并单元格的示例：

<table>
  <tr>
    <td>单元格 1</td>
    <td>单元格 2</td>
    <td colspan="2">合并单元格</td>
  </tr>
  <tr>
    <td colspan="3">合并单元格</td>
    <td>单元格 4</td>
  </tr>
</table>

此时，第一行中的第三个和第四个单元格被合并成一个，第二行中的第一个、第二个和第三个单元格被合并成一个。

rowspan 属性

rowspan 属性用于合并单元格的行数，比如将一列中的两个单元格合并成一个。该属性值同样为一个正整数。

下面是一个使用 rowspan 属性合并单元格的示例：

<table>
  <tr>
    <td>单元格 1</td>
    <td rowspan="2">合并单元格</td>
    <td>单元格 3</td>
  </tr>
  <tr>
    <td>单元格 4</td>
    <td>单元格 5</td>
  </tr>
</table>

此时，第一列中的第二个和第三个单元格被合并成一个。

除了上面所示的两种方式，还可以将 colspan 和 rowspan 同时使用以合并矩形区域内的单元格。

<table>
  <tr>
    <td>单元格 1</td>
    <td rowspan="2" colspan="2">合并单元格</td>
    <td>单元格 4</td>
  </tr>
  <tr>
    <td>单元格 5</td>
    <td>单元格 6</td>
  </tr>
  <tr>
    <td colspan="4">单元格 7</td>
  </tr>
</table>

此时，第一行中的第二个、第三个和第四个单元格被合并成一个，形成一个矩形区域。第三行中的单元格则跨越所有列。

以上就是 HTML 中合并表格单元格的方法，希望对你有所帮助。