HTML语言剖析(七) 表格标记(2)

例子一：

原始码

<table width="60%" border="1">
<tr><td>只有一个储存格（cell）的表格</td></tr>
</table>

显示结果

只有一个储存格（cell）的表格

　　例子二：

原始码

<table width="60%" border="5" bordercolorlight="#FF00FF" bordercolordark="#FF0000">
<tr><td>第一列第一栏</td><td>第一列第二栏</td></tr>
</table>

显示结果

第一列第一栏

第一列第二栏

　　例子三：

原始码

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

<td>第一列第二栏</td>
</tr>
<tr bordercolorlight="#FF00FF" bordercolordark="#00FF00">

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

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

显示结果

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

例子四：

原始码

<td bgcolor="#FFCCE6">第一列第一栏</td>

<td bgcolor="#FFFFC6">第一列第二栏</td>
</tr>
<tr>

<td bgcolor="#FFD9FF">第二列第一栏</td>

<td bgcolor="#DAB4B4">第二列第二栏</td>
</tr>
</table>

显示结果

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

　　例子五：

原始码

<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>

显示结果

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

　　例子六

码

<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>

显示结果

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

HTML语言剖析(七) 表格标记(2)

猜你感兴趣

最新文章