【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語法了解越多,對經營部落格一定更能得心應手

Visited 21 times, 1 visit(s) today

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端