表格

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

<table border="1">

<tr>

<td>row 1,cell 1</td>

<td>row1,cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

<table>

边框属性

<table border="1>

表格的表头

表格的表头使用<th>标签进行定义

大多数浏览器会把表头显示为粗体居中的文本:

<th>Heading</th>

表格中的空单元格

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

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

<tr>

<td>&nbsp;</td>

<td>row 2,cell 2</td>

</tr>

更多实例

没有边框的表格

<table border="1">

表格中的表头(Heading)

<th>heading<th>

<th>heading<th>

带有标题的表格

<caption>我的标题</caption>

跨行或跨列的表格单元格

<table border="1">

<tr>

<th>姓名<th>

<th colspan="2">电话</th>

</tr>

<tr>

<th rowspan="2">电话</th>

<td>555 77 854</td>

</tr>

<tr>

<td>555 77 855</td>

</tr>

表格内标签

单元格边距(Cell padding)

单元格间距(Cell spacing)

向表格添加背景颜色或背景图像

<td

background="/i/eg_bg_07.gif">

Second</td>

<td bgcolor="red">First</td>

在表格单元中排列内容

框架(frame)属性