表格的作用是显示二维数据，在HTML5中不再允许用表格控制页面内容的布局，而是采用新增的CSS表格特性（这里不涉及CSS，将在后面介绍）。下面主要介绍用于制作表格的HTML元素。
构建表格
表格的基本元素包括：table、tr和td。
table表示HTML文档中的表格，支持border属性，用于定义表格边框的宽度；
tr表示表格中的行；
td表示表格中的单元格，包括如下属性：
1）colspan：规定单元格可横跨的列数；
2）rowspan：规定单元格可横跨的行数；
3）headers：规定与单元格相关的标头，该属性不会在普通浏览器中产生任何视觉变化，但可以被屏幕阅读器使用。
<table>
<tr>
<td>Apples</td>
<td>Green</td>
<td>Medium</td>
</tr>
<tr>
<td>Oranges</td>
<td>Orange</td>
<td>Large</td>
</tr>
</table>上面定义了一个两行、三列的表格，使用表格的好处是：浏览器会保证列的宽度满足最宽的内容，让行的高度满足最高的单元格。
表格边框
使用table元素的border属性，可以为表格添加边框。
<table border="1">
<tr>
<td>Apples</td>
<td>Green</td>
<td>Medium</td>
</tr>
<tr>
<td>Oranges</td>
<td>Orange</td>
<td>Large</td>
</tr>
</table>浏览器的默认边框不太美观，通常还需要用CSS来为为各种元素重设边框样式。
不规则表格
使用单元格的colspan和rowspan属性可以构建不规则表格，使表格的某些行或者列跨越多个单元格，下面是一个单元格跨多列的一个例子：
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td colspan="2">January</td>
</tr>
<tr>
<td colspan="2">February</td>
</tr>
</table>下面是一个单元格跨多行的一个例子：
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100.00</td>
<td rowspan="2">$50</td>
</tr>
<tr>
<td>February</td>
<td>$10.00</td>
</tr>
</table>
