本文摘自我的網誌 lnlNet,詳情請按連結。

今日教大家寫HTML。 HTML (HyperText Markup Language) 即超文本標示語言。

先別忙著背術語唬人,我們的重點是在於怎樣寫。

我們瀏覽網頁都會用到牛腩器……呀!不!是瀏覽器!
瀏覽器即是你瀏覽網頁的程式,例如Internet Explorer, Firefox... 之類。
瀏覽器的工作就是向網絡伺服器要求一個HTML頁面,然後把它在瀏覽器視窗中顯示出來。
所以你要讓瀏覽器顯示你的網頁,就要寫瀏覽器看得懂的東西,也就是HTML。

好!事不宜遲!開始寫吧!

Step 1:

先開啟純文字編輯器,如果你用Windows 就開記事本 (Eng: Notepad)。把以下的文字打上: (我明白你很喜歡打字,但為了時間關係,你還是複製貼上吧。)
包飽肚茶餐廳

招牌大碗粥 $20 大碗!多粥!保證夠飽肚!
招牌大碗粉 $20 大碗!多粉!保證夠飽肚!
招牌大碗麵 $20 大碗!多麵!保證夠飽肚!
招牌大碗飯 $20 大碗!多飯!保證夠飽肚!

Step 2:

然後存檔,檔名要叫做index.html。

Step 3:

再用瀏覽器進開啟網頁作為測試。 成功了!但看起來很不像樣。
不緊要,因為到目前為止,我們只學了建立網頁的方式,
而且只輸入了網頁的內容

下一個步驟,就是HTML 的重點了,它可以告訴瀏覽器網頁的架構
即是哪個是標題?該怎樣顯示等等。

Step 4:

加上架構吧…
在標題前加 <h1>,在標題後加</h1>
在子標題前加 <h2>,在子標題後加</h2>
在段落前加 <p>,在段落後加</p>
然後就會變成…

Step 5:

最後加工…
首先,用<body></body>把剛才所寫的東西框起來。
然後,在<body>之前加入標頭,標頭就是<head></head>
在標頭內加入<title></title>,內容為包飽肚茶餐廳
把所有東西一起過用<html></html>框住。

完成了!!這就是一流的HTML!(雖然簡單,但至少沒有錯,也沒有多餘的程式碼)