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：左右单元格合并。合并时，有增就得有减，要保证每一行单元格的个数不变。