1、横跨列效果展示
姓名 | 爱好 | |
---|---|---|
张三 | 唱歌 | 游泳 |
代码:
<html><body>
<table border="1">
<caption>横跨两列</caption>
<tr>
<th>姓名</th>
<th colspan="2">电话</th>
</tr>
<tr>
<td>张三</td>
<td>唱歌</td>
<td>游泳</td>
</tr>
</table>
</body>
</html>
2、横跨行效果展示
姓名 | 张三 |
---|---|
爱好 | 唱歌 |
游泳 |
代码:
<table border="1">
<caption>横跨两行</caption>
<tbody>
<tr>
<th>
姓名
</th>
<td>
张三
</td>
</tr>
<tr>
<th rowspan="2">
爱好
</th>
<td>
唱歌
</td>
</tr>
<tr>
<td>
游泳
</td>
</tr>
</tbody>
</table>