今日教大家寫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>。
然後就會變成…
在標題前加 <h1>，在標題後加</h1>。
在子標題前加 <h2>，在子標題後加</h2>。
在段落前加 <p>，在段落後加</p>。
然後就會變成…
Setp 5: 最後加工…
首先，用<body>和</body>把剛才所寫的東西框起來。
然後，在<body>之前加入標頭，標頭就是<head>和</head>。
在標頭內加入<title>和</title>，內容為包飽肚茶餐廳。
把所有東西一起過用<html>和</html>框住。
完成了！！
這就是一流的HTML！（雖然簡單，但至少沒有錯，也沒有多餘的程式碼）
3 留言:
I can see that u took time to do this tutorial...good job man..加油
I just saw this on uwants. I understand it even im not a geek! good job buddy, keep it up keep it up! add oil!
thanks!
你個Blog唔錯呀,我對HTML都有興趣,
不過還是新手,希望可以係呢度學到更多!!
發佈留言