- HTML5+CSS3王者歸來
- 洪錦魁
- 520字
- 2019-12-09 14:45:59
2-3 認識HTML基本元素
HTML文件由元素組成,其實如果讀者學習過其他程序語言,也可以將元素想成是程序指令。HTML元素(element)的基本組成舉例如下:
<a href=http://www.deepstone.com.tw>深石數位網頁</a>
參見上例,幾個與元素相關的名詞說明如下:
□ 元素(element)
我們可以將上例整行代碼稱為一個HTML元素。
□ 起始標記(start tag)
以上例而言起始標記指的是下列數據。
<a href=http://www.deepstone.com.tw>
□ 結束標記(end tag)
以上例而言結束標記指的是下列數據。
</a>
結束標記是在“<”符號后緊接著“/”符號,最后再加上元素名稱和“>”符號。
□ 元素名稱
以上例而言元素名稱指的是“a”。
□ 元素內容
以上例而言元素內容指的是下列數據。
深石數位網頁
□ 元素屬性(attribute)
以上例而言元素屬性指的是“href”。
□ 元素屬性內容
以上例而言元素屬性內容指的是下列數據。
HTML所有元素名稱使用時均需使用符號“<”和“>”括起來,所以有人稱這是標記。上例中:
<a>:我們可稱為“a標記”或“標記a”,也可稱為“a元素”或“元素a”;
a:我們應該稱為“a元素”或“元素a”,也可稱為“a標記”或“標記a”。
讀者須了解它們代表的意義相同。
如果看到數據注明href是“元素<a>的屬性”或“標記<a>”的屬性,兩者的意義是相同的。
綜上所述,不論是元素還是標記,讀者皆可視為HTML指令。對于HTML而言,元素和屬性的概念最重要。有些相同字既是元素也可以當屬性使用,例如,“span”或“button”。為了區分兩者,后述將所有元素皆加上標記“<”和“>”。