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>

显示结果

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

扫码关注公众号获取更多设计资源...
↓↓↓
【白嫖福利 | 限时领取】
摹客超级版会员（价值1250元）解锁摹客协作、摹客RP、摹客DT所有功能。
公众号主页发送 “激活” 免费获取 激活码
↓↓↓
公众号主页发送 “字体” 获取 全套可商用字体包...
↓↓↓
公众号主页发送 “vi” 获取 500个著名品牌vi设计手册...