HTML 初級教程

什麼是 HTML 文件?
  • HTML 指超文本標籤語言。
  • HTML 文件是包含一些標籤的文本文件。
  • 這些標籤告訴 WEB 瀏覽器如何顯示頁面。
  • HTML 文件必須使用 htm 或者 html 作爲文件擴展名。
  • HTML 文件可以通過簡單的文本編輯器來創建。

做個實驗如何?

第一步:如果您使用 Windows,請啓動記事本。

如果您使用 Mac,請啓動 SimpleText。

(在 OSX 中請使用 TextEdit,並設置一下參數:在參數設置中選擇 Plain text 字體替代 Rich text 字體,然後選擇“在 HTML 文件中忽略 rich text 命令”。這一點很重要,因爲不這樣的話,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",選定它然後打開,現在您會看到對話框中有一行地址,比如:"C:/MyDocuments/mypage.htm"。單擊確定按鈕,瀏覽器就會顯示這個頁面。

例子解釋:

HTML 文件中的第一個標籤是 <html>。這個標籤告訴瀏覽器這個 HTML 文件的開始點。文件中最後一個標籤是 </html>。這個標籤告訴您的瀏覽器,這是 HTML 文件的結束點。

位於 <head> 標籤和 </head> 標籤之間的文本是頭信息。頭信息不會顯示在瀏覽器窗口中。

<title> 標籤中的文本是文件的標題。標題會顯示在瀏覽器的標題欄。

<body> 標籤中的文本是將被瀏覽器顯示出來的文本。

<b> 和 </b> 標籤中的文本將以粗體顯示。

爲什麼我們要使用小寫的標籤?

我們剛纔講到:HTML 標籤對大小寫是不敏感的:<b> 和 <B> 的作用的相同的。當您在網上衝浪時,您會發現大多數教程在他們的例子中都使用大寫的 HTML 標籤。而我們總是使用小寫。原因何在呢?

如果您希望爲使用下一代 HTML 而做好準備,您就應該使用小寫標籤。萬維網聯盟 (W3C) 的標準是:建議在 HTML 4 中使用小寫標籤,而在 XHTML(下一代 HTML)中,必須使用小寫標籤。

HTM 還是 HTML 擴展名?

當您將一個 HTML 文件存盤時,您即可以使用 HTM 也可以使用 HTML 作爲擴展名。我們剛纔使用了 .htm 作爲上面那個例子的擴展名。不過這樣做也許是一個壞習慣,習慣於這樣做的人也許是因爲使用某些過時的軟件而養成了這個壞習慣,這些軟件只允許三個字母作爲擴展名。

如果您使用新近的軟件,我們認爲使用 .html 是相當安全的做法。

關於 HTML 編輯器的注意事項:

您可以使用所見即所得的編輯器而不是純文本編輯器,這樣會更輕鬆的編輯 HTML 文件。比方說 FrontPage, Claris Home Page, 或者 Adobe PageMill。

但是,如果您希望成爲一名熟練的開發人員,我們強烈推薦您使用純文本編輯器來學習我們的《HTML 基礎教程》。

常見問題(FAQ)

Q:我已經編輯了一個 HTML 文件,但是瀏覽器無法顯示出結果。爲什麼?

A:首先確定您使用了正確的文件名和擴展名存盤,比如說 "c:/mypage.htm"。然後看一下是否在瀏覽器中使用了同樣的文件名來打開這個文件。

Q:我重新編輯了 HTML 文件,但是瀏覽器的顯示沒有任何變化。爲什麼?

A:爲了不重複讀取同一個頁面,瀏覽器要對您的頁面進行緩存。瀏覽器不會意識到您已經修改了頁面。通過使用刷新或者重載按鈕,您可以使瀏覽器讀取編輯後的頁面。

Q:我應該使用何種瀏覽器?

A:您可以使用任何一款通用瀏覽器進行訓練,例如 Internet Explorer, Mozilla, Netscape,或者 Opera。不過,我們的高級課程中的某些例子需要最新版本的瀏覽器的支持。

Q:我的電腦必須運行 Windows 嗎?使用 Mac 機可以嗎?

A:您可以在非 Windows 系統上進行所有的訓練,比如 Mac。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章