在文章內文加入表格【教學】

2007020120:08

 

您想要在文章內文加入表格嗎?

如果您還不知道怎樣在文章內文加底圖

請先閱讀這兩篇  在文章內文加入背景圖片【教學】

                                在文章底圖加邊框【教學】

 

  基本表格


<table cellSpacing=0 cellPadding=6   bgcolor=ffff33 border=8>
<tr><td>資料1~1</td><td>資料1~2</td><td>資料1~3</td></tr>
<tr><td>資料2~1</td><td>資料2~2</td><td>資料2~3</td></tr>
<tr><td>資料3~1</td><td>資料3~2</td><td>資料3~3</td></tr>
<tr><td>資料4~1</td><td>資料4~2</td><td>資料4~3</td></tr>
</table>

資料1~1 資料1~2 資料1~3
資料2~1 資料2~2 資料2~3
資料3~1 資料3~2 資料3~3
資料4~1 資料4~2 資料4~3

 

 

  進階表格


<table border=2 cellpadding=1 cellspacing=1 style="border-collapse: collapse" bordercolor=#336699 bgcolor=#ffff33>
<tr>
<td><font size=2>第1列第1儲存格</font></td>
<td colspan="2"><font size=2>合併第1列第2、3儲存格</font></td>
</tr>
<tr>
<td rowspan="2"><font size=2>合併2、3列第1儲存格</font></td>
<td><font size=2>第2列第2儲存格</font></td>
<td><font size=2>第2列第3儲存格</font></td>
</tr>
<tr>
<td><font size=2>第3列第2儲存格</font></td>
<td><font size=2>第3列第3儲存格</font></td>
</tr>
</table>

第1列第1儲存格 合併第1列第2、3儲存格
合併2、3列第1儲存格 第2列第2儲存格 第2列第3儲存格
第3列第2儲存格 第3列第3儲存格

 

 

  語法說明

<table> 與 </table>    〔宣告表格的開始和結束〕

也可以控制表格的一些格式,如:邊框粗細、顏色、寬度、高度等。

 cellSpacing=15     〔 設定表格格線的寬度〕

 cellPadding=0       〔更改表格與表格內內容間的空白距離〕

 bgColor=#ffff33            〔 設定表格底色〕

 bordercolor=#336699 〔 設定表格框線色〕

 background=圖片網址    〔 表格的底圖〕

 border=8   〔 設定 邊框的粗細〕

 colspan 〔水平合併〕

 rowspan 〔垂直合併〕

 style="border-collapse: collapse" 〔 將框線緊壓結合〕

<tr>   與  </tr> 〔宣告表格中的每一行的開始與結束〕

<td>   與</td>  〔一般表格內的資料〕

<font size=2>      〔設定文字大小〕