HTML 表格

表格由 <table> 标签来定义。
每个表格均有若干行（由 <tr> 标签定义）。
每行被分割为若干单元格（由 <td> 标签定义）。
字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

如下代码：

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> 

页面上显示为:

注释：border是表格的边框属性，如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。

表格的表头使用 <th> 标签进行定义。
大多数浏览器会把表头显示为粗体居中的文本：

<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> 

页面上显示为:

在一些浏览器中，没有内容的表格单元显示得不太好。如果某个单元格是空的（没有内容），浏览器可能无法显示出这个单元格的边框。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td></td>
<td>row 2, cell 2</td>
</tr>
</table> 

注意：这个空的单元格的边框没有被显示出来。为了避免这种情况，在空单元格中添加一个空格占位符，就可以将边框显示出来。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>row 2, cell 2</td>
</tr>
</table> 

浏览器中显示如下：

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

			<table border="3">
			<caption>我的标题</caption>
			<tr>
			  <td>100</td>
			  <td>200</td>
			  <td>300</td>
			</tr>
			<tr>
			  <td>400</td>
			  <td>500</td>
			  <td>600</td>
			</tr>
			</table> 

浏览器中显示如下：

colspan和rowspan这两个属性用于创建特殊的表格。

1、colspan用来指定单元格横向跨越的列数。

横跨两列的单元格：

			<table border="1">
			<tr align="center">
			  <td>姓名</td>
			  <td colspan="2">电话</td>
			</tr>
			<tr>
			  <td>Bill</td>
			  <td>400 123</td>
			  <td>500 123</td>
			</tr>
			</table> 

浏览器中显示如下：

2、rowspan的作用是指定单元格纵向跨越的行数。

横跨两列的单元格：

			<table border="1">
			<tr align="center">
			  <td rowspan="2">姓名 </td>
			  <td>Mika</td>
			</tr>
			<tr>
			  <td>Bill</td>
			</tr>
			</table> 

浏览器中显示如下：

习题1 | 习题2 | 习题3 | 习题4