2、表格中的标题列 <CAPTION> 的作用是为表格标示一个标题列,如同在表格上方加一没有格线的打通列,通常用来存放表格标题,参数有 align、 valign。
align表示表格标题列相对于表格的对齐方式(水平),可选值为: left, center, right, top, middle, bottom,若 align="bottom" 的话标题列便会出现在表格的下方,不管你 的原代码是把 <caption> 放在 <table> 中的头部或尾部。
valign表示表格标题列相对于表格的对齐方式(上下),可选值为: top, bottom。见下例:
网页陶吧访问统计
Month |
% of IE visitor |
% of NC visitor |
August |
91% |
9% |
表格代码:
<table width="400" border="1" cellspacing="0" cellpadding="2">
<caption><font color="#FF0000"><b>网页陶吧访问统计</b></font></caption>
<tr align="CENTER">
<th>Month</th>
<th>% of IE visitor</th>
<th>% of NC visitor</th>
</tr>
<tr align="CENTER">
<td>August</td>
<td>91%</td>
<td>9%</td>
</tr>
</table>
3、行组(IE有效) 每个表格可以有一个表头、一个表尾和一个或多个表体,分别以 THEAD、TFOOT和TBODY元素表示。 通常,文档中它们的次序首先是THEAD,然后是TFOOT,然后是不同数目的TBODY。
<thead> ... </thead> - 表的题头
<tbody> ... </tbody> - 表的正文
<tfoot> ... </tfoot> - 表的脚注
见下例:
Food |
Drink |
Sweet |
A |
B |
C |
D |
E |
F |
|
表格代码:
<table border width="300">
<thead>
<tr>
<td>Food</td>
<td>Drink</td>
<td>Sweet</td></tr>
</thead>
<tbody>
<tfoot><tr>
<td>A</td>
<td>B</td>
<td>C</td></tr></tfoot>
<tr>
<td>D</td>
<td>E</td>
<td>F</td><tr>
</tbody>
</table>
4、列组(IE有效)