<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
td{
text-align: center;
}
</style>
</head>
<body>
<table border="1" cellspacing="0" width="50%" height="200px">
<caption>横向合并单元格</caption>
<tr>
<!--colspan中必须指定要合并的列数目，是两列还是三列等等-->
<th colspan="2">姓名和年龄</th> <th>名言</th>
</tr>
<tr> <td>李白</td> <td>300</td> <td>今朝有酒今朝醉</td> </tr>
<tr> <td>王勃</td> <td>200</td> <td>落霞与孤鹜齐飞</td> </tr>
<tr> <td>杜甫</td> <td>150</td> <td>却道天凉好个秋</td> </tr>
<tr> <td>海子</td> <td>90</td> <td>劈柴喂马</td> </tr>
</table>
<table border="1" cellspacing="0" width="50%" height="200px">
<caption>纵向合并单元格</caption>
<tr>
<!--rowspan中必须指定要合并的列数目，是两行还是三行等等-->
<th>姓名</th><th>年龄</th><th>名言</th>
</tr>
<tr> <td rowspan="2">李白</td> <td>300</td> <td>今朝有酒今朝醉</td> </tr>
<tr> <td>200</td> <td>落霞与孤鹜齐飞</td> </tr>
<tr> <td rowspan="2">杜甫</td> <td>150</td> <td>却道天凉好个秋</td> </tr>
<tr> <td>90</td> <td>劈柴喂马</td> </tr>
</table>
</body>
</html>
