用Word 加一個表格在Blogger中

Views

除了用上一篇的HTML語法寫出一個表格外, 另一個在Blogger裡加入表格的方法就是利用Word本身插入表格的功能, 把Word制作出來的漂亮表格貼到Blogger裡.

1) 先在Word, 用Insert→Table加一個表格
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-283.png
按下"Design" tab給你的表格選一個漂亮的設計
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-284.png
選好設計後的表格就會有漂亮的顏色, 不再是白底黑框了.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-277.png
用"Save As", 儲存的格式選"Web Page, Filtered (*.htm; *.html)
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-278.png
選"Yes"後, 可以關掉Word. 
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-279.png

2) 然後到你剛才儲存的位置, 按滑鼠右鍵, 用"Open with"→"Notepad"打開它.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-280.png

3) 打開後的內容會長的像下面, 你不用貼全部, 只需copy 從<table class 開始到</table>結束的地方(如下面highlighted的地方), 然後到Blogger文章裡, 在HTML裡貼入即可.



4) 上面的程式碼是把表格的寛度已經固定在125, 如果不想要固定寛度, 可以移除所有width開頭的設定.

基本上, 每個<td裡會有二個width, 第二個要小心不要誤把 ' 刪掉, 也不要忘記刪掉

最安全也最省事的做法就是用Notepad的Edit→Replace, 然後 copy 第一個 width=數字, 如下圖, 然後按下"Replace All"
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-281.png
第二次按Edit→Replace, 然後 copy 第二個 width:數字pt; 如下圖, 然後按下"Replace All"
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-282.png
把表格貼上後, 再回到"撰寫"處填入表格的內容, 就可以有一個和Word上一樣漂亮的表格了.

請看這篇下面有實例.

0 留言:

張貼留言

顯示表情符號