HTML文檔可以包含的內容

標籤：gif   按鈕   替代   編輯   輸入框   知識   style   內容   地方   

通過不同的標籤，HTML文檔可以包含不同的內容，比如文本，連結，圖片，列表，表格，表單，架構等。

文本

HTML對文本的支援是最豐富的，你可以設定不同層級的標題，分段和換行，可以指定文本的語義和外觀，可以說明文本是引用自其它的地方，等等等等。

連結

連結用來指出內容與另一個頁面或當前頁面某個地方有關。

圖片

圖片用於使頁面更加美觀，或提供更多的資訊。

列表

列表用於說明一系列條目是彼此相關的。

表格

表格是按行與列將資料群組織在一起的形式。也有不少人使用表格進行頁面配置。

表單

表單通常由文本輸入框，按鈕，多選框，單選框，下拉式清單等組成，使HTML頁面更有互動性。

架構

架構使頁面裡能包含其它的頁面。

HTML文檔格式詳細說明   （你想知道嗎，點擊這裡看看）

前面介紹了HTML文檔的基本格式，下面再做一個詳細說明。

HTML文檔可以用任何文字編輯器（比如記事本，UltraEdit等）建立，編輯，因為它的內容在本質也只是一些文本。

在HTML文本中，用角括弧括起來的部分稱為標籤。如果想在本文裡使用角括弧（或者大與號小與號，總之是同一個東西），必須使用字元轉義，也就是說轉換字元的原有意義。<應該使用&lt;代替，>則使用&gt;，至於&符號本身,則應該使用&amp;替代（不得不說的是有很多HTML文檔沒有遵循這個規則，常用的瀏覽器也都能夠分析出&到底是一個轉義的開始，還是一個符號，但是這樣做是不推薦的）。

標籤本質上是對它所包含的內容的說明，可能會有屬性，來給出更多的資訊。比如<img>（圖片）標籤有src屬性（用於指明圖片的地址），width和height屬性（用於說明圖片的寬度和高度）。HTML裡能使用哪些標籤，這些標籤分別可以擁有哪些屬性，這些都是有規定的，知道了這裡說的基本知識之後，學習HTML其實也就是學習這些標籤了。本文後面會對常用的HTML標籤做出簡短的介紹。

標籤通常有開始部分和結束部分（也被稱為開始標籤和結束標籤），它們一起限定了這個標籤所包含的內容。屬性只能在開始標籤中指定，屬性值可以用單引號或雙引號括起來。結束標籤都以/加上標籤名來表示。有時候，有些標籤並不包含其它內容（只包括自己的屬性，甚至連屬性都沒有），這種情況下，可以寫成類似這樣：<img src="logo.gif" />。注意最後的一個空格和一個反斜線，它說明這個標籤已經結束，不需要單獨的結束標籤了。

某些標籤包含的內容中還可以有新的標籤，新的標籤名甚至可能還可以與包含它的標籤的名稱相同（哪些標籤可以包含標籤，可以包含哪些標籤也是有規定的）。比如：

點擊查看效果

<div>
  <div>分類目錄...</div>
  <div>當前分類內容列表...</div>
</div>

在這種情況下，最後出現的標籤應該最先結束。

HTML文檔裡所有的空白符（空格，Tab，換行，斷行符號）會被瀏覽器忽略，唯一的例外是空格，對空格的處理方式是所有連續的空格被當成一個空格，不管有一個，還是兩個，還是100個。之所以有這樣的規則是因為忽略空白符能讓使用HTML的作者以他覺得最方便的格式來排列內容，比如可以在每個標籤開始後增加縮排，標籤結束後減少縮排。由於英語文本中空格用得很普遍（用於分隔單詞），所以對空格做了這樣的特殊處理。如果要顯示連續的空格（比如為了縮排），應該用&nbsp;來代表空格。

HTML文檔可以包含的內容