嗨各位又見面辣，鐵人賽第5天開始拉，各位有沒有睡飽，反正我是沒有哈哈，那麼馬上來講今天要介紹的清單。

在HTML裡面有三類型的列表清單:
1.無序清單<ul>
2.有序清單<ol>
3.定義清單<dl>

無序清單<ul>

<ul>標籤定義於沒有特定順序的列表，<ul>作為列鰾容器，而用<li>作為選項內容。
我們來看範例:

<ul>
    <li>選項1</li>
    <li>選項2</li>
    <li>選項3</li>
</ul>

結果:

有序清單<ol>

<ol>標籤定義於有特定順序的列表，<ol>作為列表容器，而使用做為選項內容。
我們來看範例:

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

結果:

定義清單<dl>

<dl>標籤定義清單用於定義名詞和其相對應的解釋，<dl>作為容器，<dt>和<dd>作為項目內容，<dt>作為名詞，而<dd>作為該名詞解釋。

<dl>
    <dt>HTML</dt>
    <dd>超文本標記語言，用於創建網頁。</dd>
    <dt>CSS</dt>
    <dd>層疊樣式表，用於設計網頁的外觀和佈局。</dd>
</dl>

結果:

當然這三種類型也能根據自己的需求進行混和

<ol>
    <li>選項 1</li>
    <li>
        選項 2
        <ul>
            <li>選項 2-1
                <dl>
                    <dt>HTML</dt>
                    <dd>超文本標記語言，用於創建網頁。</dd>
                    <dt>CSS</dt>
                    <dd>層疊樣式表，用於設計網頁的外觀和佈局。
                </dl>
            </li>
            <li>選項 2-2</li>
        </ul>
    </li>
    <li>選項 3</li>
</ol>
    

結果:

就是大概像上面那樣可以多種混和，是不是覺得很好玩呢，清單這些標籤非常好用，大家不仿可以試試做出符合自己需求的清單，希望這篇可以幫助各位解決困難，我還會介紹許多HTML的標籤，期待之後的鐵人賽文章巴，那各位我們明天見。