【HTML】HTML基础6.2（表格之合并单元格）
warning:
这篇文章距离上次修改已过196天，其中的内容可能已经有所变动。
在HTML中，可以使用rowspan和colspan属性来合并表格中的行和列。
rowspan用于合并多个行的单元格。colspan用于合并多个列的单元格。
以下是一个简单的示例，演示如何合并表格中的单元格：
<!DOCTYPE html>
<html>
<head>
<title>HTML 表格单元格合并示例</title>
</head>
<body>
<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>城市</th>
</tr>
<tr>
<td>张三</td>
<td rowspan="2">25</td>
<td>北京</td>
</tr>
<tr>
<td>李四</td>
<td>上海</td>
</tr>
<tr>
<td>王五</td>
<td colspan="2">30</td>
</tr>
</table>
</body>
</html>在这个例子中：
- 第二列的第一个单元格被合并了两行，因此“年龄”只显示一次。
- 第三列的第二个单元格被合并了两列，因此“上海”出现在同一行的两个单元格中。
- 第四行的第一个单元格跨越了两列，因此“王五”的单元格横跨整个表格的两列。
评论已关闭