IT課程 HTML基礎 010_元素、屬性
元素
| 開始標籤 | 元素內容 | 結束標籤 |
|---|---|---|
<h1> | 這是一個標題 | </h1> |
<p> | 這是一個段落 | </p> |
<a href="https://www.zhaojian.net/" title="鏈接"> | 這是一個鏈接 | </a> |
<img src="/images/logo.png" alt="這是一個圖像"> | 這是一個圖像 | |
<br> | 換行 |
<!DOCTYPE html><html lang="en">
<head> <meta charset="UTF-8" /> <title>hello HTML</title> </head>
<body> <h1>這是一個標題</h1> <p> 這是一個段落<br> <a href="https://www.zhaojian.net/" title="鏈接">這是一個鏈接</a> </p> <img src="/images/logo.png" alt="這是一個圖像" /> <br /> </body>
</html>[!小結]
- HTML 元素 以 開始標籤 開始（起始），以 結束標籤 結束（終止）
- HTML 元素 的內容是開始標籤與結束標籤之間的內容
- 某些 HTML 元素 具有 空內容（empty content），這些沒有內容，也沒有閉合的標籤被稱為空標籤或空元素，為了實現特定功能並保持簡潔性和靈活性，如：
<br>、<hr>、<img>、<meta>、<input>等。- 大多數 HTML 元素 可擁有 屬性
- HTML 元素 通常被稱為 HTML 標籤 (HTML tag)
- HTML 元素 通常是 成對出現 的，比如
<p>和</p>- HTML 元素 內可以嵌套其他 HTML 標籤
- HTML 元素 對大小寫不敏感，推薦使用小寫
屬性
HTML 元素可以擁有屬性（Attribute），它們提供了有關元素的更多信息，或者定義了元素的某些行為。屬性總是在開始標籤中定義，常常使用 “屬性名=屬性值” 的形式出現。例如，鏈接（a）元素可以使用 href 屬性指定鏈接的目標地址：
示例：
<a href="https://www.zhaojian.net">zhaoJian.Net</a>效果：
在上述代碼中，a 元素的 href 屬性的值為 "https://www.zhaojian.net"，這意味著當點擊該鏈接時，瀏覽器將跳轉到該 URL。
常用的屬性：
id：為元素提供一個唯一標識符。class：為元素提供一個或多個類名，不同的元素可以添加相同的類名。style：為元素提供內聯樣式。title：為鏈接元素增加標題內容。alt：為圖像元素增加描述內容。
[!小結]
- 屬性總是以 名稱=值對 的形式出現，比如：
name="value"。- 在屬性與元素名稱（或上一個屬性，如果有超過一個屬性的話）之間加以空格符分隔。
- 屬性值應該始終被包括在引號內，雙引號是最常用的，不過使用單引號也沒有問題。
- 屬性和屬性值對大小寫不敏感，推薦使用小寫。