合并HTML表格的行
在HTML中，我們可以使用colspan屬性來合并表格的行。下面是一個簡單的演示。1. 首先，我們創建一個簡單的HTML頁面，并添加一個基本的表格：```html 姓名 年齡 性
在HTML中，我們可以使用colspan屬性來合并表格的行。下面是一個簡單的演示。
1. 首先，我們創建一個簡單的HTML頁面，并添加一個基本的表格：
```html
| 姓名 | 年齡 | 性別 |
|---|---|---|
| 張三 | 25 | 男 |
| 李四 | 30 | 女 |
```
2. 接下來，我們將表格變得更復雜一些。假設我們想要合并第一列中相同內容的行。我們可以使用`colspan`屬性來實現。
```html
| 姓名 | 年齡 | 性別 |
|---|---|---|
| 張三 | 男 | |
| 李四 | 30 | 女 |
```
3. 打開創建的頁面，您會看到合并后的效果如下圖所示：
```
姓名 年齡 性別
----------------
張三 男
----------------
李四 30 女
----------------
```
4. 這是如何實現的呢？因為我們給第一列的`td`元素添加了`colspan"2"`屬性，表示該單元格要占據兩列的寬度。
5. 需要注意的是，`colspan`的值不能超過表格中的最大列數。如果超過了，多余的列將不會被合并。
6. 如果您想嘗試該效果，可以按F12打開瀏覽器的開發者工具，然后調整`colspan`的值。雖然我們將其改為3，但由于實際只有兩列，所以沒有任何效果。
7. 如果將`colspan`的值設置為小于2的數字，將會出現空列。您可以根據需要將其填充滿。
合并HTML表格的列
除了合并表格的行，我們還可以合并表格的列。這里我們使用的是`rowspan`屬性。
1. 在上面的例子中，我們將表格的第一列合并了?，F在，讓我們來合并表格的第一行。
```html
| 姓名 | 年齡 | 性別 |
|---|---|---|
| 25 | 男 | |
| 李四 | 30 | 女 |
```
2. 在上述代碼中，我們給第一行的`th`元素添加了`rowspan"2"`屬性，表示該單元格要占據兩行的高度。
3. 您可以根據表格的需求進行適當的更改。
4. 通過以上步驟，我們就完成了表格的行和列合并。希望對您有所幫助。