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