<html>
<head>
<title>Table</title>
</head>
<body>
<!--table中的width定义了表格的宽度,border定义了表格的边框的宽度,cellpadding定义的是文字与表格边框的距离,定义15效果可以看得更清楚些
cellspacing定义的是表格中的每个元素之间以及他们与表格边框之间的距离-->
<table style="width:800px" border="1" cellpadding="15px" cellspacing="10px">
<!--caption定义的是表格的标题-->
<caption><h3><b>人员信息统计<b></h3></caption>
<!--col可以定义单个列的属性信息,colgroup可以定义一个或多个列的属性-->
<!--<col style="background-color:yellow"/>
<col style="width:500px"/>-->
<colgroup>
<col style="background-color:green"/>
<col style="width:300px;background-color:yellow" span="2"/>
</colgroup>
<!--thead表示表格的表头-->
<thead >
<tr><th>姓名</th><th>年龄</th><th>籍贯</th></tr>
<thead>
<tfoot>
<!--colspan定义三列合并,另rowspan可定义行合并数, text-align定义内容在右侧显示-->
<tr><td colspan="3" style="text-align:right">总人数:5人</td></tr>
</tfoot>
<tbody style="text-align:center">
<tr><td>张三</td><td>12</td><td>辽宁沈阳</td></tr>
<tr><td>王五</td><td>22</td><td>河北邯郸</td></tr>
<tr><td>李六</td><td>33</td><td>海南海口</td></tr>
<tr><td>刘四</td><td>65</td><td>广东广州</td></tr>
<tr><td>丁七</td><td>28</td><td>河南郑州</td></tr>
</tbody>
</table>
</body>
<html>
显示效果如下: