HTML表格标记详细讲解(适合初学者)(3)_XHTML教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

<tr>

<td bgcolor="#FFCCE6">第一列第一栏</td>
<td bgcolor="#FFFFC6">第一列第二栏</td>
</tr>
<tr>
<td bgcolor="#FFD9FF">第二列第一栏</td>
<td bgcolor="#DAB4B4">第二列第二栏</td>
</tr>
</table> 显示结果

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

例子五: 原始码

<center>
<table width="60%" cellspacing="0" cellpadding="2" align="CENTER">
<tr>

<td bgcolor="#FFD2E9">第一列第一栏</td>
<td bgcolor="#FFDAB5">第一列第二栏</td>
<td bgcolor="#FFFFB5">第一列第三栏</td>
</tr>
<tr bgcolor="#C0C0C0">
<td>第二列第一栏</td>
<td>第二列第二栏</td>
<td>第二列第三栏</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> :
<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>

来源:模板无忧//所属分类:XHTML教程/更新时间:2007-12-23
相关XHTML教程