2009年1月2日 星期五

如何在blogspot插入表格

前言:
使用blogspot插入表格必須直接修改 html 語法,但會造成空白行,介紹去除空白行的方法。

Step by Step:
表格必須先在網頁編輯器(如DreamWeaver)做好。

點選"修改html",將先前做好的表格的 html 原始碼貼上來。



將文章發佈,您會發現表格前面有一大堆空白,這是因為blogspot將html的原始碼的換行都變作<BR />的換行符號,解決方法如下:

將所有表格的html原始碼寫成一行,不要按"enter"去換行


<table width="200" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>


改成以下這樣(注意:下面的換行是自動轉行,不是按enter換行):


<table width="200" border="1"><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td>
</tr><tr><td> </td><td> </td><td> </td></tr></table>


如果表格太大,無法逐一修改,可先發佈不正常的表格,然後在ie或firefox下開啟該文章,並檢視原始碼。


將原始碼有關表格的html語法,複製到文字編輯器上,再將全部的<BR />都替換成空白。



再修改原文章,在原來的表格處。抽掉原來不正常的表格語法(在第下圖紅色框框內table語法),再貼上去除<BR />的語法。再發佈一次即可。

  © Blogger templates Psi by Ourblogtemplates.com 2008

Back to TOP