如果我们在编辑html表格中遇到表格需要合并怎么办？这一节我们就来学习表格的合并
实例代码：
<!doctype html >
<head>
<meta charset="utf-8">
</head>
<html>
<body>
<h4>跨两列的单元格</h4>
<table border="1">
<tr>
<th>姓名</th>
<th colspan="2">电话</th>
</tr>
<tr>
<td>张三</td>
<td>0660-6638258</td>
<td>13258245621</td>
</tr>
</table>
<h4>跨两行的单元格</h4>
<table border="1">
<tr>
<th>姓名</th>
<td>张三</td>
</tr>
<tr>
<th rowspan="2">电话</th>
<td>0660-6638258</td>
</tr>
<tr>
<td>13258245621</td>
</tr>
</table>
</body>
</html>
运行效果：
从这两个实例中看出，我们用了表格的两个合并属性colspan: 合并列，在实例中我们第一行第二和第三单元格进行合并。
rowspan:合并行 在下面的实例中我们第二行的第一个单元格和第三行的第一个单元格进行合并。
评论