HTML 不是編程語言，它是一種標記語言 HTML 中常見的幾個名詞是 元素、 標簽(開始標簽和結束標簽)、 屬性、 元素內容 這篇文章將要介紹的是 HTML 元素 HTLM 元素 元素的概念 例子： 運行結果為： 點擊跳轉到百度 上面是一個超鏈接的例子，點擊上面的文字 “點擊跳轉到百度”，就可以跳 ...
- HTML 不是編程語言，它是一種標記語言
- HTML 中常見的幾個名詞是 元素、 標簽(開始標簽和結束標簽)、 屬性、 元素內容
- 這篇文章將要介紹的是 HTML 元素
HTLM 元素
元素的概念
例子：
<html>
<body>
<a href="http://www.baidu.com">點擊跳轉到百度</a>
</body>
</html>運行結果為：
點擊跳轉到百度
上面是一個超鏈接的例子，點擊上面的文字 “點擊跳轉到百度”，就可以跳轉到百度的頁面了。
現在我們從上面的代碼中抽取一部分代碼，如下所示：
<a href="http://www.baidu.com">點擊跳轉到百度</a>
一個元素一般包括標簽、屬性(屬性的名稱和屬性的值)、元素內容，所以說這部分代碼就是一個元素。
| 標簽 | 屬性的名稱 | 屬性的值 | 元素內容 |
|---|---|---|---|
| < a > < /a > | href | http://www.baidu.com | 點擊跳轉到百度 |
註意：
- 有時會有這樣的說法，例如：< a > 元素 。 我們知道 < a > 、< /a > 、 < html > 、 < /html > 、 < body > 、 < /body > 等這些都是標簽，這時可能我們就會有點迷惑了，< a > 是標簽，為什麼又會有 < a > 元素 這樣的說法呢？ 其實不用太糾結，這隻是兩種不同的說法，習慣性的說法是 < a > 元素、 < html > 元素，此時我們只要知道 < a > 元素這樣的說法表示上面表格列出的所有東西，即標簽、屬性、元素內容，但是如果是 < a > 標簽這樣的說法，那就真的只是表示 < a > 這個標簽了。
- 一個元素一般包括標簽、屬性、元素內容，但是也有比較特別的元素，例如：< br > 。
- 元素是可以嵌套的，一個元素可以包含另一個元素，例如上面的例子中， < body > 元素包含 < a > 元素，這時 < a > 元素就是 < body > 元素的元素內容，< html > 元素包含 < body > 和 < a > 元素，那麼這兩個都是 < html > 元素的元素內容。
總結：
- 註意區分 < a > 元素 和 < a > 標簽 這兩種說法。
- 以 < br > 元素為特殊元素的代表，下麵舉了一個相關的例子。
- 在開始標簽和結束標簽之間的內容就為該元素的元素內容，例如：< a > 元素的內容為 點擊跳轉到百度。
與 < br > 相關的例子：
<html>
<body>
<p>這是一個換行元素</p>
<p>這是一個<br/>換行元素</p>
</body>
</html>運行結果為：
這是一個換行元素
這是一個
換行元素
我們可以從運行結果中看到，< br > 元素的效果是將文字換行了。
在編寫代碼時一般寫成 < br / > 。
我們可以看到，< br > 元素是沒有結束標簽的，我們知道一個元素的元素內容是指在開始標簽與結束標簽之間的內容，換句話說 < br > 元素是沒有元素內容的，我們也稱這類元素為空元素。
註意，空元素沒有元素內容，但可以有屬性，例如：< img src="圖片.jpg" width="100" height="150" / > 。
