HTML入門-Day4：文本與列表標籤

文本標籤

HTML提供了多種文本標籤來結構化和格式化文本內容，以下是一些常見的文本標籤及其用途：

1. <p> (段落標籤)
   用於定義段落，每個<p>標籤會自動在段落前後添加空白間距：

   <p>這是一個段落。</p>
   
   

2. <br> (換行標籤)
   用於插入單個換行，適用於在文本中強制換行的情境：

   這是一行文字。<br>這是新的一行文字。
   
   

3. <hr> (水平線標籤)
   用於插入水平線，常用來分隔內容：

   <p>第一段落。</p>
   <hr>
   <p>第二段落。</p>
   
   

4. <pre> (預格式化文本標籤)
   顯示預格式化的文本，保留所有空格和換行：

   <pre>
       這是一段
       預格式化的
       文本。
   </pre>
   
   

5. <blockquote> (引用標籤)
   用於表示長段的引用，通常會自帶縮排：

   <blockquote>
       這是一段引用文字，通常用來引用他人的長段話語或文章段落。
   </blockquote>
   
   

6. <b> (粗體標籤)
   用於讓文字顯示為粗體，強調重要內容：

   <p>這是一段含有<b>粗體</b>文字的文本。</p>
   
   

7. <i> (斜體標籤)
   用於讓文字顯示為斜體，常用於表達特殊語境或術語：

   <p>這是一段含有<i>斜體</i>文字的文本。</p>
   
   

列表標籤

列表標籤是用來組織和展示一組相關項目的最佳方式。HTML支持無序和有序兩種類型的列表。

1. 無序列表 <ul> (Unordered List)
   使用圓點作為項目的符號：

   <ul>
       <li>第一項</li>
       <li>第二項</li>
       <li>第三項</li>
   </ul>
   
   

2. 有序列表 <ol> (Ordered List)
   使用數字、字母或羅馬數字作為項目的符號：

   <ol>
       <li>第一項</li>
       <li>第二項</li>
       <li>第三項</li>
   </ol>
   
   

3. 列表項 <li> (List Item)
   <li> 標籤用於定義列表中的每個項目，並可以嵌套在 <ul> 或 <ol> 中。

範例：嵌套列表

以下範例展示了無序列表和有序列表的嵌套使用：

<ul>
    <li>水果</li>
    <li>蔬菜
        <ol>
            <li>胡蘿蔔</li>
            <li>菠菜</li>
        </ol>
    </li>
    <li>穀物</li>
</ul>