在HTML中，我們可以使用colspan屬性來合并表格的行。下面是一個簡單的演示。1. 首先，我們創(chuàng)建一個簡單的HTML頁面，并添加一個基本的表格：```html 姓名 年齡 性

在HTML中，我們可以使用colspan屬性來合并表格的行。下面是一個簡單的演示。

1. 首先，我們創(chuàng)建一個簡單的HTML頁面，并添加一個基本的表格：

```html

```

2. 接下來，我們將表格變得更復(fù)雜一些。假設(shè)我們想要合并第一列中相同內(nèi)容的行。我們可以使用`colspan`屬性來實現(xiàn)。

```html

```

3. 打開創(chuàng)建的頁面，您會看到合并后的效果如下圖所示：

```

姓名 年齡 性別

----------------

張三 男

----------------

李四 30 女

----------------

```

4. 這是如何實現(xiàn)的呢？因為我們給第一列的`td`元素添加了`colspan"2"`屬性，表示該單元格要占據(jù)兩列的寬度。

5. 需要注意的是，`colspan`的值不能超過表格中的最大列數(shù)。如果超過了，多余的列將不會被合并。

6. 如果您想嘗試該效果，可以按F12打開瀏覽器的開發(fā)者工具，然后調(diào)整`colspan`的值。雖然我們將其改為3，但由于實際只有兩列，所以沒有任何效果。

7. 如果將`colspan`的值設(shè)置為小于2的數(shù)字，將會出現(xiàn)空列。您可以根據(jù)需要將其填充滿。

合并HTML表格的列

除了合并表格的行，我們還可以合并表格的列。這里我們使用的是`rowspan`屬性。

1. 在上面的例子中，我們將表格的第一列合并了。現(xiàn)在，讓我們來合并表格的第一行。

```html

```

2. 在上述代碼中，我們給第一行的`th`元素添加了`rowspan"2"`屬性，表示該單元格要占據(jù)兩行的高度。

3. 您可以根據(jù)表格的需求進(jìn)行適當(dāng)?shù)母摹?/p>

4. 通過以上步驟，我們就完成了表格的行和列合并。希望對您有所幫助。