1. 文字排版
讓我們繼續學習 HTML...
段落標籤 (p)
標籤 <p> 用於建立段落（也就是段落文字）。
段落可以幫助將文本分成邏輯區塊，這樣更容易閱讀和理解信息。
範例：
<p>這是第一段文本，它包含一些信息。</p>
<p>這是第二段文本。它與第一段被分開。</p>
粗體文字 (b)
標籤 <b> 用於將文字以粗體（bold）呈現。
它可以幫助強調某些重要的詞或短語。
<p>這是 <b>重要的</b> 文字。</p>
斜體文字 (i)
標籤 <i> 用於將文字以斜體呈現（italic）。
通常用於表示術語、書名、外來語等。
範例：
<p>這是 <i>術語</i>，它是以斜體呈現的。</p>
2. 標題 (h1 - h6)
HTML 的標題 用於結構化內容，並在頁面上建立標題的層次結構。
有六個層級的標題，<h1> 是最重要的，而
<h6> 是最不重要的。
-
<h1>— 最重要且字體最大的標題。通常用於頁面的主標題。 -
<h2>— 用於第二層的子標題，通常跟在<h1>之後。 -
<h3>— 層級低於<h2>的標題。 -
<h4>— 層級低於<h3>的標題。 -
<h5>— 層級低於<h4>的標題。 -
<h6>— 字體最小且最不重要的標題。
範例：
<h1>頁面的主標題</h1>
<h2>第二層的子標題</h2>
<h3>第三層的子標題</h3>
3. 文件 head 區域的額外標籤
有些標籤你可能在 HTML 範例中看到過，現在我們簡單說幾句：
1. 標籤 <title>
標籤 <title> 定義
頁面標題，會顯示在瀏覽器的標籤上。
這是用戶在打開網頁時最先看到的內容。幾乎所有頁面都會有它。
通常由 HTML 編輯器自動添加，但在學習項目中它沒有特別的價值。
2. 標籤 <meta charset="UTF-8">
標籤 <meta> 置於
<head> 內用於設置文件字符編碼。
UTF-8 是最常見的編碼，支持全世界大多數語言。
關於編碼，我們稍後會詳細介紹。
3. 標籤
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
這個標籤同樣位於
<head> 中。它保證頁面在移動設備上的正確顯示。
設定視窗（viewport）寬度與設備螢幕的寬度相等，並設置頁面的初始縮放比例。
4. 標籤 <link rel="stylesheet" href="styles.css">
標籤 <link/> 用於連接
外部 CSS 文件來設置頁面樣式。
屬性 rel="stylesheet" 表示它是一個樣式表，而 href="styles.css" 則定義了樣式表文件的位置。
5. 標籤 <script src="script.js" defer></script>
標籤 <script> 用於連接
外部 JavaScript 文件來增加頁面的互動性。
屬性 src 定義了腳本文件的位置，而 defer 表示腳本應在 HTML 文檔加載完成後執行。
GO TO FULL VERSION