设计之家 > 教程 > 網頁教程 > HTML教程 >

HTML語言剖析(七) 表格標記(2)

作者：佚名　來源：太平洋網絡學院　時間：2006-12-25

 

例子一：
原始碼<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語言

相關文章：

推薦設計

最新文章