实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>实例演示表格的用法以及行列合并的应用</title>
<style>
tr{text-align: center}
thead{background-color:lightgray; }
</style>
</head>
<body>
<table border="1" cellpadding="4" cellspacing="0" bgcolor="#ffe4c4" width="600" height="400">
<caption style="font-size: 20px;">零用钱捐助学生表</caption>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>年级</th>
<th>学校</th>
<th>零用钱捐助</th>
</tr>
</thead>
<tbody>
<tr>
<td>李军</td>
<td>8岁</td>
<td>男</td>
<td>二年级</td>
<td rowspan="3">静山小学</td>
<td>30</td>
</tr>
<tr>
<td>张丽</td>
<td>9岁</td>
<td>女</td>
<td>二年级</td>
<td>50</td>
</tr>
<tr>
<td>苗君</td>
<td>12岁</td>
<td>女</td>
<td>三年级</td>
<td>20</td>
</tr>
<tfooter>
<tr>
<td colspan="5">零用钱合计</td>
<td>100</td>
</tr>
</tfooter>
</tbody>
</table>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
