HTML 簡介

jianyi · 發表於 2006-12-30 10:54:57

什麼是HTML檔案?

HTML是超文字標記語言(Hyper Text Markup Language) 的縮寫
HTML檔案是由一些標記標籤(Markup tags)所組成
標記標籤(Markup tags)是用來告訴瀏覽器要如何顯示網頁的
一個HTML檔案的副檔名一定是 .htm 或是 .html
用簡單的文字編輯器就可以撰寫HTML檔案

試寫一個HTML檔吧!

如果您是 Windows 系統: 請開啟記事本或其它文字編輯器
如果您是 MAC 系統: 請開啟 SimpleText 或其它文字編輯器
如果您是 OSX 系統請更改以下偏好(preference)設定: 在偏好設定視窗(preference window)選擇以 "Plaintext" 取代 "Rich text ", 並選擇"Ignore rich text commands in HTML files"選項,以上的設定非常重要, 因為您如果不作這些設定, 您所編寫的HTML檔案可能無法正確執行

輸入以下程式碼至您的文字編輯器裡:
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.<b>This text is bold</b>
</body>
</html>編輯完成之後,請存檔為 "mypage.htm".
開啟您的瀏覽器, 選擇功能表的"檔案", 並選擇開啟(或開啟網頁), 之後會跳出一個對話方塊, 選擇瀏覽(或選擇檔案),將目錄切換至您剛剛儲存 "mypage.htm" 檔案的目錄,選擇 "mypage.htm" 檔案, 並選擇開啟.之後您應該會看到一個網址在您的對話方塊裡, 例如:"C:\MyDocuments\mypage.htm", 點選確定,之後瀏覽器就會顯示這個網頁了
mypage.htm 範例說明在您HTML程式碼裡的第一個標籤是<html>,這裡標籤是功能是在告訴你的瀏覽器:HTML檔案是從這裡開始的, 而在您HTML程式碼裡的最後一個標籤是</html>,這裡標籤是功能是在告訴你的瀏覽器:HTML檔案在這裡結束
在<head>和</head>標籤之間的內容是檔頭資訊, 而這些檔頭資訊將不會顯示在瀏覽器裡
在<title>和</title>標籤之間是你這份HTML檔案的標題, 這個標題將會顯示在瀏覽器的標題列
在<body>和</body>標籤之的內容將會顯示在瀏覽器內
在<b>和</b>標籤之的內容將會在瀏覽器內以粗體字顯示
副檔名為 HTM 或是 HTML ?當你在儲存一個HTML檔案時, 你可以使用 .htm 或是 .html 為檔案的副檔名. 在我們的範例裡將會以 .htm 為副檔名, 這可能是一個壞習慣, 因為過去使用的軟體只允許用三個字母來當副檔名
但是一些新版的軟體對於使用 .html 為副檔名的檔案是可以很順利執行的
編輯時所使用的份HTML編輯器你可以使用一些所見即所得(WYSIWYG)的編輯器, 像是 FrontPage, Claris Home Page 或者Adobe PageMill來編輯你的HTML檔案, 而不是使用純文字編輯器來編輯, 但是如果你想要成為一個編輯網頁的高手, 我們強烈建議你在剛開始學習HTML時, 使用一個純文字編輯器來編輯你的HTML檔案
問答集Q: 在我編輯好我的HTML檔案時, 為什麼無法在我的瀏覽器看到結果?
  A: 請確定在存檔時使用了正確的檔名和副檔名, 例如:"c:\mypage.htm", 並請確定在瀏覽器開啟檔案時使用了相同的檔名
Q: 我試著去更改一個HTML檔案, 但是我確無法在瀏覽器看到, 為什麼?
  A: 因為瀏覽器儲存了你的網頁, 所以不會對同一個網頁讀取兩次, 當你修改了網頁時, 瀏覽器並不知道你對網頁做了修改, 可以使用瀏覽器的"重新整理"去強迫瀏覽器再讀取一次你修改過後的網頁
Q: 我該使用什麼瀏覽器呢?
  A: 你可以使用一般常見的瀏覽器, 像是 Internet Explorer, Mozilla, Netscape, 或者 Opera, 但是在一些進階的HTML教學範例裡,可能會要求你使用最新版的瀏覽器
Q: 我的電腦一定要是 Windows 系統嗎? 如果是 MAC 的系統呢?
  A: 你可以在非 Windows 系統下(例如 MAC)練習所有的範例, 但是在一些進階的HTML教學範例裡會要求使用較新版的 Windows, 像是 Windows 98 或是 Windows 2000