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

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

时间:2013-04-11 12:48:52   来源:   评论:加载中...   点击:加载中...
表格标记   <TABLE> <TR> <TD>   <TH>   <CAPTION> ■ <T...

例子四:

原始码 <table width="60%" border="1" cellpadding="10">
     <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>
显示结果

 

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



相关热词搜索:

 
上一篇:HTML语言剖析(六)清单标记
下一篇:HTML语言剖析(八)表单标记
收藏 将此文推荐给朋友
分享到: