打印文章

HTML语言剖析（七）表格标记

作者：采集员文章来源：来源于网络点击数：更新时间：2005/9/10 14:25:21

gt;第二列第三栏</td>
</tr>
</table>
</center>

显示结果

第一列第一栏第一列第二栏第一列第三栏第二列第一栏第二列第二栏第二列第三栏

例子六原始码<center>
<table width="350" border="1" cellspacing="0" cellpadding="2" align="CENTER" bgcolor="#FFC4E1" bordercolor="#0000FF">
<tr>

<td>第一列第一栏</td>

<td colspan="2">第一列之第二栏及第三栏</td>
</tr>
<tr>

<td rowspan="2">第二列及第三列之第一栏</td>

<td>第二列第二栏</td>

<td>第二列第三栏</td>
</tr>
<tr>

<td>第三列第二栏</td>

<td>第三列第三栏</td>
</tr>
</table>
</center>

显示结果

第一列第一栏第一列之第二栏及第三栏第二列及第三列之第一栏第二列第二栏第二列第三栏第三列第二栏第三列第三栏

■ <TH> ：

▲Top

<TH>与<TD>同样是标示一个储存格，唯一不同的是<TH>所标示的储存格中的文字是以粗体出现，通常用于表格第一列以标示栏目。它的用法是取代<TD>的位置便可以，其参数设定请参考<TD>。
当然若为<TD>所标示的储存格中的文字加上粗体标记<B>便等如<TH>的效果。

例子：原始码<center>
<table width="350" border="1" cellspacing="0" cellpadding="2" align="CENTER">
<tr align="CENTER">

<th>Month</th><th>% of IE visitor</th><th>% of NC visitor</th>
</tr>
<tr align="CENTER">

<td>August</td><td>61%</td><td>39%</td>
</tr>
<tr align="CENTER">

显示结果

Month% of IE visitor% of NC visitorAugust61%39%July54%46%June52%48%

■ <CAPTION> ：

▲Top

<CAPTION> 的作用是为表格标示一个标题列，有如在表格上方加上一没格线的打通列。当然亦可置于下方，通常用以存放该表格的标题。

<CAPTION> 的参数设定（常用）：
例如：<caption align="TOP" valign="TOP"></caption>

align="TOP"
该表格标题列相对于表格的摆放贴　位置（水平），可选值为： left, center, right, top, middle, bottom，若 align="bottom" 的话标题列便会出现对表格的下方，不管你的原始码中把 <caption> 放在 <table> 中的头部或尾部。
valign="TOP"
该表格标题列相对于表格的摆放位置（上下），可选值为： top, bottom。和 align="TOP" 或 align="BOTTOM" 是一样的，虽然功能重复了，但如果你要标题列置于下方及向右或向左贴　，那末两个参数便可一　用了。当只　一个参数时，请首选 align，因为 valign 是由 HTML 3.0 才开始的参数。

例子：原始码<center>
<table width="350" border="1" cellspacing="0" cellpadding="2" align="CENTER">
<caption>网页速成八月份访客浏览器使用分析</caption>
<tr align="CENTER">

<th>Month</th>

<th>% of IE visitor</th>

<th>% of NC visitor</th>
</tr>
<tr align="CENTER">

<td>August</td>

显示结果

网页速成八月份访客浏览器使用分析Month% of IE visitor% of NC visitorAugust61%39%