HTML之表格

表格标签——块元素

1、表格的结构

<table>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

</table>

2、<table>属性

l Width：表格宽度，单位可以是百分比，也可以是固定值。

l Height：表格高度。

l Align：表格水平对齐方式，取值：left、center、right

l Border：边框粗细。

l Bordercolor：边框颜色。

l bgColor：表格背景色。

l background：背景图片URL。

l cellpadding：单元格边线到内容间的距离(填充距离)

l cellspacing：单元格与单元格之间的距离(间距)

l rules：合并单元格边框线，取值：all

u 注意：rules兼容性不好，请使用CSS来取代它。

<tableborder="5" width="500" height="130"bordercolor="blue" bgColor="#99cc33"background="images/200.gif" align="center"cellspacing="0" rules="all">

3、<tr>属性——行标记

l bgColor：行的背景色

l height：行的高度

l align：行中的文本水平居中，取值：left、center、right

l valign：垂直居中，取值：top(上)、middle(中)、 bottom(下)

4、<td>或<th>属性

<td>是普通单元格，<th>是标题单元各，居中加粗显示。

l width：单元格宽度

l height：单元格高度

l bgColor：单元格背景色

l background：单元格背景图片

l align：水平对齐

l valign：垂直水齐

l rowspan：上下单元格合并。合并属性必须放在第一个单元格中。

l colspan：左右单元格合并。合并时，有增就得有减，要保证每一行单元格的个数不变。