一、
HTML 標題
HTML 標題(Heading)是通過
-
等標籤進行定義的。
例項
This is a heading
This is a heading
This is a heading
HTML 段落
HTML 段落是通過
標籤進行定義的。
例項
This is a paragraph.
This is another paragraph.
HTML 連結
HTML 連結是通過 標籤進行定義的。
例項
註釋:在 href 屬性中指定連結的地址。
(您將在本教程稍後的章節中學習更多有關屬性的知識)。
HTML 影象
HTML 影象是通過 標籤進行定義的。
例項
註釋:影象的名稱和尺寸是以屬性的形式提供的。
二、
HTML 文件是由 HTML 元素定義的。
HTML 元素
HTML 元素指的是從開始標籤(start tag)到結束標籤(end tag)的所有程式碼。
開始標籤
元素內容
結束標籤
This is a paragraph
This is a link
註釋:開始標籤常被稱為開放標籤(opening tag),結束標籤常稱為閉合標籤(closing tag)。
HTML 元素語法
· HTML 元素以開始標籤起始
· HTML 元素以結束標籤終止
· 元素的內容是開始標籤與結束標籤之間的內容
· 某些 HTML 元素具有空內容(empty content)
· 空元素在開始標籤中進行關閉(以開始標籤的結束而結束)
· 大多數 HTML 元素可擁有屬性
巢狀的 HTML 元素
大多數 HTML 元素可以巢狀(可以包含其他 HTML 元素)。
HTML 文件由巢狀的 HTML 元素構成。
HTML 文件例項
This is my first paragraph.
上面的例子包含三個 HTML 元素。
HTML 例項解釋
元素:
This is my first paragraph.
這個
元素定義了 HTML 文件中的一個段落。
這個元素擁有一個開始標籤
,以及一個結束標籤
。元素內容是:This is my first paragraph。
元素:
This is my first paragraph.
元素定義了 HTML 文件的主體。
這個元素擁有一個開始標籤 ,以及一個結束標籤 。
元素內容是另一個 HTML 元素(p 元素)。
元素:
This is my first paragraph.
元素定義了整個 HTML 文件。
這個元素擁有一個開始標籤 ,以及一個結束標籤 。
元素內容是另一個 HTML 元素(body 元素)。
不要忘記結束標籤
即使您忘記了使用結束標籤,大多數瀏覽器也會正確地顯示 HTML:
This is a paragraph
This is a paragraph
上面的例子在大多數瀏覽器中都沒問題,但不要依賴這種做法。忘記使用結束標籤會產生不可預料的結果或錯誤。
註釋:未來的 HTML 版本不允許省略結束標籤。
空的 HTML 元素
沒有內容的 HTML 元素被稱為空元素。空元素是在開始標籤中關閉的。
就是沒有關閉標籤的空元素(
標籤定義換行)。
在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。
在開始標籤中新增斜槓,比如
,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。
即使
在所有瀏覽器中都是有效的,但使用
其實是更長遠的保障。
HTML 提示:使用小寫標籤
HTML 標籤對大小寫不敏感:
等同於
。許多網站都使用大寫的 HTML 標籤。
W3School 使用的是小寫標籤,因為全球資訊網聯盟(W3C)在 HTML 4 中推薦使用小寫,而在未來 (X)HTML 版本中強制使用小寫。