日期:2014-04-12  浏览次数:20587 次

  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有效)