一个表格，包含多个行，行内又包含多个列，如下，通过<table>定义一个表格，通过<tr>定义表格中的行，通过<td>定义表格中的列，可以设置border（边框），width（宽度）属性
<table border="1" width="100%"> <tr> <td>姓名</td> <td>语文分数</td> <td>数学分数</td> <td>总分</td> </tr> <tr> <td>小明</td> <td>100</td> <td>80</td> <td>180</td> </tr> <tr> <td>小红</td> <td>80</td> <td>90</td> <td>170</td> </tr> </table>
效果如下：
| 姓名 | 语文分数 | 数学分数 | 总分 |
| 小明 | 100 | 80 | 180 |
| 小红 | 80 | 90 | 170 |
td－colspan属性／rowspan属性
在excel中有合并单元格，HTML表格中，同样可以实现
colspan：合并列，指定要合并的列数，如下所示，设置colspan＝"3"，合并3列。
<table border="1" width="100%"> <tr> <td>姓名</td> <td>语文分数</td> <td>数学分数</td> <td>总分</td> </tr> <tr> <td>小明</td> <td>100</td> <td>80</td> <td>180</td> </tr> <tr> <td>小红</td> <td>80</td> <td>90</td> <td>170</td> </tr> <tr> <td>备注</td> <td colspan="3">本次成绩计入期末总成绩30%</td> </tr> </table>
展示效果如下：
| 姓名 | 语文分数 | 数学分数 | 总分 |
| 小明 | 100 | 80 | 180 |
| 小红 | 80 | 90 | 170 |
| 备注 | |||
rowspan：合并行，如下所示
<table border="1" width="100%"> <tr> <td rowspan="4">成绩纪录</td> <td>科目</td> <td>1月</td> <td>2月</td> <td>3月</td> </tr> <tr> <td>语文</td> <td>90</td> <td>80</td> <td>70</td> </tr> <tr> <td>数学</td> <td>80</td> <td>90</td> <td>100</td> </tr> <tr> <td>英语</td> <td>80</td> <td>90</td> <td>100</td> </tr> </table>
展示效果如下：
| 成绩纪录 | 科目 | 1月 | 2月 | 3月 |
| 语文 | 90 | 80 | 70 | |
| 数学 | 80 | 90 | 100 | |
| 英语 | 80 | 90 | 100 |
表格表头th
通过th定义表格的表头，大多数浏览器会把表头显示为粗体居中的文本，如下：
<table border="1" width="100%"> <tr> <th>科目</th> <th>1月</th> <th>2月</th> <th>3月</th> </tr> <tr> <td>语文</td> <td>90</td> <td>80</td> <td>70</td> </tr> <tr> <td>数学</td> <td>80</td> <td>90</td> <td>100</td> </tr> <tr> <td>英语</td> <td>80</td> <td>90</td> <td>100</td> </tr> </table>
展示效果如下：
| 科目 | 1月 | 2月 | 3月 |
|---|---|---|---|
| 语文 | 90 | 80 | 70 |
| 数学 | 80 | 90 | 100 |
| 英语 | 80 | 90 | 100 |
表格thead／tbody／tfoot
thead：定义表格页眉
tbody：定义表格主体
tfoot：定义表格页脚
通过这种方式定义，表格结构更加清晰直观，同时也方便通过css设置相应的样式。
<html>
<head>
<style type="text/css">
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>
</body>
</html>