HTML5中表格中的行列合并
在HTML5中，可以使用rowspan和colspan属性来实现行和列的合并。
rowspan用于合并多个行的列，colspan用于合并多个列的行。
以下是一个简单的例子，演示如何在表格中合并单元格：
<!DOCTYPE html>
<html>
<head>
<title>行列合并示例</title>
</head>
<body>
<table border="1">
<tr>
<th>姓名</th>
<th colspan="2">联系信息</th>
</tr>
<tr>
<td>张三</td>
<td>电子邮箱</td>
<td>电话号码</td>
</tr>
<tr>
<td rowspan="2">李四</td>
<td>email@example.com</td>
<td>1234567890</td>
</tr>
<tr>
<td>email2@example.com</td>
<td>0987654321</td>
</tr>
</table>
</body>
</html>在这个例子中，“姓名”列的“李四”合并了两行，“联系信息”列合并了两列。这样，“李四”只在第一行出现，而“电子邮箱”和“电话号码”在第一行和第二行都有对应的数据。
评论已关闭