1. 程式人生 > >HTML 文檔的基本結構

HTML 文檔的基本結構

一個 常用 標記 英文 tle 單擊 為什麽 align 標記語言

HTML文件是什麽?

q HTML表示超文本標記語言(Hyper Text Markup Language)。

q HTML文件是一個包含標記的文本文件。

q 這些標記保速瀏覽器怎樣顯示這個頁面。

q HTML文件必須有htm或者html擴展名。

q HTML文件可以用一個簡單的文本編輯器創建。

想不想嘗試一下?

假如你運行的是windows系統,打開記事本,在其中輸入以下文本:

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>

</html>

將此文件保存為“mypage.htm”。

啟動瀏覽器。在文件菜單中選擇“打開”(或者“打開頁面”),這時將出現一個對話框。選擇“瀏覽”(或者“選擇文件”),定位到你剛才創建的HTML文件——“mypage.htm”,選擇它,單擊“打開”。然後在對話框中,你將看到這個文件的地址,比如說:“C:\MyDocuments\mypage.htm”。單擊“確定”,瀏覽器將顯示此頁面。

例子解釋:

HTML文檔中,第一個標簽是<html>。這個標簽告訴瀏覽器這是HTML文檔的開始。HTML文檔的最後一個標簽是</html>,這個標簽告訴瀏覽器這是HTML文檔的終止。

在<head>和</head>標簽之間文本的是頭信息。在瀏覽器窗口中,頭信息是不被顯示的。

在<title>和</title>標簽之間的文本是文檔標題,它被顯示在瀏覽器窗口的標題欄。

在<body>和</body>標簽之間的文本是正文,會被顯示在瀏覽器中。

在<b>和</b>標簽之間的文本會以加粗字體顯示。

關於HTML編輯器:

用一些所見即所得的編輯器,比如frontpage,dreamwaver,你可以很容易創建一個頁面,而不需要在純文本中編寫代碼。

但是假如你想成為一名熟練的網絡開發者,我們強烈推薦你用純文本編輯器編寫代碼,這有助於學習HTML基礎。

常見問題:

問:我編寫完了HTML文件,但是不能在瀏覽器中看見結果,為什麽?
答:請確認你保存了文件,並且使用了正確的文件名和擴展名,例如:“c:\mypage.htm”,並且確認你用瀏覽器打開時使用同樣的文件名。

問:我編輯了HTML文件,但是修改結果並沒有在瀏覽器中顯示,為什麽?
答:瀏覽器緩存了你的頁面,所以它不需要兩次讀取同樣的頁面。你修改了這個頁面,瀏覽器並不知道。請使用“刷新/重載”按鈕來強迫瀏覽器讀取編輯過的頁面。

HTML元素:

HTML文檔是由HTML元素組成的文本文件。
HTML元素是預定義的正在使用的HTML標簽。

HTML標簽:

HTML標簽用來組成HTML元素。

HTML標簽兩端有兩個包括字符:“<”和“>”,這兩個包括字符被稱為角括號。

HTML標簽通常成對出現,比如<b>和</b>。一對標簽的前面一個是開始標簽,第二個是結束標簽,在開始和結束標簽之間的文本是元素內容。

HTML標簽是大小寫無關的,<b>跟<B>表示的意思是一樣的。

HTML元素:

回憶一下上面的HTML例子:

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>

</html>

下面是一個HTML元素:

<b>This text is bold</b>

此HTML元素以開始標簽<b>起始, 內容是:This text is bold,以結束標簽</b>中止。<b>標簽的目的是定義一個需要被顯示成粗體的HTML元素。

下面也是一個HTML元素:

<body>
This is my first homepage.
<b>This text is bold</b>
</body>

此HTML標簽以開始標簽<body>起始,終止於結束標簽</body>。<body>標簽的目的是定義一個HTML元素,使其包含HTML文檔的主體。

為什麽使用小寫標簽?

我們剛說過,HTML標簽是大小寫無關的:<B>跟<b>含義相同。當你上網的時候,你會註意到多數教程在示例中使用大寫的HTML標簽,我們總是使用小寫標簽。為什麽?

假如你想投入到下一代HTML中,你應該開始使用小寫標簽。W3C在他們的HTML4建議中提倡使用小寫標簽,XHTML(下一代HTML)也需要小寫標簽。