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

表格标记 TABLE TR TD TH CAPTION ■ TABLE TR TD : 这三个标记是定义表格的最重要的标记,可以说只学这三个己足够。 TABLE是一个容器标记,意思是说它用以声明这是表格而且其他表格标记只能在他的 范围内才适用,属容器标记的还有其他。 TR用以标示表格列

 

例子一:
原始码<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>
显示结果

 

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

  例子三:

原始码<table width=”60%” border=”1″ cellspacing=”5″>
     <tr bordercolor=”#0000FF”>
<td>第一列第一栏</td>
<td>第一列第二栏</td>
     </tr>
     <tr bordercolorlight=”#FF00FF” bordercolordark=”#00FF00″>
<td>第二列第一栏</td>
<td>第二列第二栏</td>
     </tr>
</table>
显示结果

 

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

 

例子四:

原始码<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>
显示结果

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

 

123
HTML教程

HTML语言剖析(六) 清单标记

2006-12-25 6:06:00

HTML教程

HTML语言剖析(八) 表单标记

2006-12-25 6:14:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索