【HTML】經營部落格至少要會的HTML語法

我有很多朋友對架設網站這類的知識可以說是一竅不通，本以為經營部落格應該是無望了，但我告訴他們，現今弄個網站或部落格沒那麼困難，只要會使用Word打字排版，就可以搞個部落格了。

我的意思並不是說可以用Word寫網頁，而是指部落格架設技術越來越進步，已經發展到像Word那樣的控制面板，經營部落格的人幾乎可以不用懂啥網頁語法，輕輕鬆鬆就能寫出文章，就像操作Word一樣的簡單。

這類的部落格架站系統稱為CMS，網路上已經有不少免費部落格採用這種系統，像是痞客幫、Blogger等。如果不考慮免費的、想自己租用主機架設，那麼則是推廌使用Wordpress，本部落格就是用Wordpress架設的。

不過特別叮嚀一下，別仗著CMS系統可以無腦操作，就認為可以完全不學網頁語法；我建議一些基本的HTML語法還是要會，以防不時之需。以下幾個就是再懶都要會的東西：。(提醒一下，如果你是直接複製以下文章裡的程式碼，單引號和雙引號可能會變成全型字；因為程式碼不支援全型，所以建議單引號和雙引號要用半型手動重新輸入)

一、HTML是什麼？

HTML是一種用於建立網頁的標準語言，換句話說你所看到的所有網頁都是用HTML為基礎寫出來的。HTML的指令統一以<XXX>開頭(兩個尖括弧包夾著指令)，有些指令還必須以</XXX>來做結尾(指令前面多了右上至左下的斜線符號/)。

二、貼圖

在網頁上貼圖的標準語法是：

<img src=”圖片的網址放這裡”>

你只要將圖片的網址貼在””之間即可。你也可以利用「width=”數字px”」與「height=”數字px”」來控制圖片的寬度與長度，例如<img src=”圖片的網址放這裡” width=”100px” height=”50px”>，就表示將圖片的寬度限制在100px，而高度則是50px。

三、超連結

所謂超連結就是當你用滑鼠點一行文字或一張圖片時，會連到另一個網頁，這就是超連結。超連的標準語法為：

<a href=”連結的網址”>要顯示的文字</a>

如果你做的超連結不是一行文字，而是一張圖，可以把上面教的貼圖指令擺進<a href=”連結的網址”>與</a>之間即可。超連結要記得用</a>做結尾喔，不然後面的全部內容都會變成超連結的一部分。

四、文字

文字的大小控制語法：
<font size=”1~7″>文字</font>

文字的顏色控制語法：
<font color=”色碼”>文字</font>

文字的字型控制語法：
<font face=”字型”>文字</font>

文字的後面也是要記得用</font>做結尾，不然後面的文字會全部套用該語法。

這些就是我認為經營一個網站至少要會HTML語法。這幾個最基礎，其他那些更複雜的其實都是這幾個延伸出來的；只要知道這幾個，其他的慢慢就會看懂了。當然，可以懂越多越好，因為對HTML語法了解越多，對經營部落格一定更能得心應手