昨天已經完成了首頁，為了能完成下一個實作，我們會需要用到列表及表格，今天就先來介紹列表！

無序列表<ul>

• 沒有順序的列表清單，通常在網頁上顯示是黑點「●」，在不同的瀏覽器下可能會有不同的效果。
• 以<ul>元素（unordered lists）作為容器，內含<li>元素（list item）來描述各個項目。

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

顯示結果：

有序列表<ol>

• 有順序的列表清單，會自動依序為每個項目編號，預設是從1開始。
• 以<ol>元素（ordered lists）作為容器，和無序列表相同，內含<li>元素來描述各個項目。

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

顯示結果：

如果想要項目從某數開始編號，可以加入start屬性。以下用從5開始編號為例。

<ol start="5">
    <li>第一個項目</li>
    <li>第二個項目</li>
    <li>第三個項目</li>
</ol>

顯示結果：

如果想更改編號字母，可以使用type屬性。

<ol type="I">
    <li>第一個項目</li>
    <li>第二個項目</li>
    <li>第三個項目</li>
</ol>
<ol type="i">
    <li>第一個項目</li>
    <li>第二個項目</li>
    <li>第三個項目</li>
</ol>
<ol type="A">
    <li>第一個項目</li>
    <li>第二個項目</li>
    <li>第三個項目</li>
</ol>
<ol type="a">
    <li>第一個項目</li>
    <li>第二個項目</li>
    <li>第三個項目</li>
</ol>

顯示結果：

自定義列表<dl>

• 表示一系列特殊名詞定義的列表。
• 以<dl>元素（definition list）作為容器，內含<dt>元素（definition term）為項目名稱及<dd>元素（definition description）描述項目的內容。

<dl>
    <dt>第一個項目</dt>
        <dd>描述第一個項目的內容</dd>
    <dt>第二個項目</dt>
    <dt>第三個項目</dt>
        <dd>描述第三個項目的內容</dd>
</dl>

顯示結果：

列表就介紹到這邊，明天會介紹表格，之後就會進入第二個實作！我是YQ，明天見。