在文章內文加入表格教學

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

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

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

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

  基本表格

<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>

  進階表格

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

  語法說明

<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>      〔設定文字大小〕