Select Page

文章內容表格製作

WordPress 發表文章是一件非常容易的事情,但是如果要在文章中加上表格來加強文章的說明,如果沒有學過HTML語法,那麼是有一點點的麻煩。max 今天介紹大家一個線上製作表格的網站 Kotatsu(圖一),只要想好了需要的表格有幾欄與幾列,點選 Generate HTML,它就會幫你轉換出HTML的語法在網頁下方,然後你就可以將HTML語法貼到你的WrodPress來使用,非常實用而且簡單就可以做好表格了。

Kotatsu
(圖一)

底下是三欄兩列的表格示範語法:
<table>
<tbody>
<tr>
<td>這是</td>
<td>三欄</td>
<td>兩列</td>
</tr>
<tr>
<td>的</td>
<td>表格</td>
<td>示範</td>
</tr>
</tbody>
</table>

它的表格呈現如下:

這是 三欄 兩列
表格 示範

有點醜又不清楚,所以 max 要教大家幾個簡單的參數讓表格更像樣一點。
加上參數的表格語法如下:
<table width="100%" border="1">
<tbody>
<tr>
<td>這是</td>
<td>三欄</td>
<td>兩列</td>
</tr>
<tr>
<td>的</td>
<td>表格</td>
<td>示範</td>
</tr>
</tbody>
</table>

加上參數的表格語法輸出如下,是不是比較像表格了呢。

這是 三欄 兩列
表格 示範

參數說明:
width="100%" 這個是指表格的寬度,你也可以直接輸入數值例如 width="600",600是指像素。
border="1" 這個是指表格的邊框粗細,數值越大線條越粗。

其他關於表格的參數還有很多,在往後的文章有機會的話會再跟大家一同來分享。

線上表格轉換HTML語法網站網址:http://www.askthecssguy.com/kotatsu/index.html

About The Author

max

使用 WordPress 架設網站不再是一件痛苦的工作。這裡跟大家分享使用WordPress的相關問題與研究。 並且提供有關WordPress外掛程式,佈景主題等等的使用經驗分享。 幫助想要建立網站的朋友,可以簡單,快速,無痛苦的建立與使用網站。

虛擬主機推薦

虛擬主機推薦

網站架設

WordPress 虛擬主機免費安裝設定

臉書社團

臉書社團:WordPress 網站架設