|
您想要在文章內文加入表格嗎?
如果您還不知道怎樣在文章內文加底圖
請先閱讀這兩篇 在文章內文加入背景圖片【教學】
在文章底圖加邊框【教學】
 基本表格
<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>第１列第１儲存格</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> 〔設定文字大小〕
| 
