結構與文字段落

HTML 的元素、標籤與屬性

HTML 的元素與標籤

HTML 是由 元素 (Element) 所構成，其中包含了 標籤 (Tag)、內容 (Content) 與 屬性 (Attributes)。

而元素分為兩種 : 容器元素 與 單一元素。

容器元素 : 使用成對的起始標籤與結束標籤，將要顯示的內容包起來。其中起始與結束的標籤名稱一樣，不同的是結束標籤在開始時會加上「/」符號。
- 格式 : <起始標籤>內容</結束標籤>
例如 h1 的標示方法為 :
```
<h1>這是標題一</h1>
```
單一元素 : 這類元素只有起始標籤，沒有結束標籤，例如 <hr>、<img>。

HTML 元素的屬性

在 HTML 元素中可以設定屬性賦予標籤要執行的動作或相關資訊，要特別注意 :

屬性都必須設定在起始標籤中。
一個元素可以設定多個屬性。
屬性包含了名稱與值。
- 格式 : 屬性名稱 = "屬性值"

舉例來說，指定 <a> 標籤中設定要連結的網站就可以使用 href 這個屬性 :

<a href="<http://google.com>">Google Link</a>

常用於識別元件的屬性有 id 和 class 兩種屬性 :

id : 元件在整個頁面的唯一識別碼
- ex : id="title1"
class : 元件被歸類的類別
- ex : class="title"

HTML 的網頁結構

HTML 的網頁結構基本上是由幾個元素所架構起來的，以下是一個簡單的 HTML 結構 :

<!DOCTYPE html>
<html lang="en">
		<head>
		    <meta charset="UTF-8">
		    <title>Title</title>
		</head>
		<body>
		    This is body.
		</body>
</html>

<head>...</head> : 提供這份文件的訊息與資料，包括文件的標題、內容概述、關鍵字、語系、編碼、文件型態等，還能引用腳本及指定的樣式表，這些內容大多數都不會成為內容顯示給瀏覽者。