什麼樣的情況下需要用到表格呢?若是商品的資料繁多,且多為資料性而非敘述性(例如硬體規格),那麼用表格的方式會讓瀏覽的買家一目瞭然。
一般印象中的表格是一格一格被框線隔開的,但是在網頁上呈現時表格的線條需要使用者特別設定粗細(預設值不會呈現框線,只是讓表格的內容依定義的列數與欄數分開)。 表格的語法如下:
|
只在希望插入表格的段落前後加上<table>及</table>,就可以插入一個表格。 用<tr></tr>來設定其中的一列 用<td></td>來設定其中的一個儲存格
範例:
|
<table> <tr><td>CPU</td><td>P III 800Mhz</td></tr> <tr><td>H.D</td><td>30 G</td></tr> <tr><td>RAM</td><td>128 M</td></tr> </table>
| 呈現效果就是:
| CPU |
P III 800Mhz |
| H.D |
30 G |
| RAM |
128 M | |
|
|
加上框線的方式很簡單,只要在表格的起始命令中設定框線的粗細,語法為<table border=n>,n代表線條粗細,數字越大線條越粗。 | 範例:
|
<table border="1"> <tr><td>CPU</td><td>P III 800Mhz</td></tr> <tr><td>H.D</td><td>30 G</td></tr> <tr><td>RAM</td><td>128 M</td></tr> </table>
| 呈現效果就是:
| CPU |
P III 800Mhz |
| H.D |
30 G |
| RAM |
128 M | |
|
|
如果希望表格在螢幕居中時,也可以在表格的起始命令中設定,語法為<table align=center>,center若換成left、right,則表格就會居於螢幕的左方或右方。如果希望呈現的是一個有框線的居中表格,則起始命令的寫法就會變成<table border=3 align=center>,原則上是只要跟表格格式有關的設定都放在起始命令中即可。
當然表格還有許多效果可以運用,建議您可以參考HTML的相關書籍。透過簡單的HTML語法處理,一定會讓您的商品描述更加吸引買家目光,自然也會銷售的更快喔! |