1、無序列表

無序列表始于 <ul> 標(biāo)簽。每個(gè)列表項(xiàng)始于 <li>。列表項(xiàng)內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

<h4>一個(gè)無序列表：</h4>
<ul>
    <li>咖啡</li>
    <li>茶</li>
    <li>牛奶</li>
</ul>

<h4>Disc 項(xiàng)目符號列表：</h4>
<ul type="disc">
    <li>蘋果</li>
    <li>香蕉</li>
    <li>檸檬</li>
    <li>桔子</li>
</ul>

<h4>Circle 項(xiàng)目符號列表：</h4>
<ul type="circle">
    <li>蘋果</li>
    <li>香蕉</li>
    <li>檸檬</li>
    <li>桔子</li>
</ul>

<h4>Square 項(xiàng)目符號列表：</h4>
<ul type="square">
    <li>蘋果</li>
    <li>香蕉</li>
    <li>檸檬</li>
    <li>桔子</li>
</ul>

2、有序列表

有序列表始于 <ol> 標(biāo)簽。每個(gè)列表項(xiàng)始于 <li> 標(biāo)簽。列表項(xiàng)內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

<ol>
    <li>咖啡</li>
    <li>牛奶</li>
    <li>茶</li>
</ol>

<ol start="50">
    <li>咖啡</li>
    <li>牛奶</li>
    <li>茶</li>
</ol>

<h4>數(shù)字列表：</h4>
<ol>
    <li>蘋果</li>
    <li>香蕉</li>
    <li>檸檬</li>
    <li>桔子</li>
</ol>

<h4>字母列表：</h4>
<ol type="A">
    <li>蘋果</li>
    <li>香蕉</li>
    <li>檸檬</li>
    <li>桔子</li>
</ol>

<h4>小寫字母列表：</h4>
<ol type="a">
    <li>蘋果</li>
    <li>香蕉</li>
    <li>檸檬</li>
    <li>桔子</li>
</ol>

<h4>羅馬字母列表：</h4>
<ol type="I">
    <li>蘋果</li>
    <li>香蕉</li>
    <li>檸檬</li>
    <li>桔子</li>
</ol>

<h4>小寫羅馬字母列表：</h4>
<ol type="i">
    <li>蘋果</li>
    <li>香蕉</li>
    <li>檸檬</li>
    <li>桔子</li>
</ol>

3、定義列表

自定義列表以 <dl> 標(biāo)簽開始。每個(gè)自定義列表項(xiàng)以 <dt> 開始。每個(gè)自定義列表項(xiàng)的定義以 <dd> 開始。定義列表的列表項(xiàng)內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

<dl>
    <dt>Coffee</dt>
    <dd>Black hot drink</dd>
    <dt>Milk</dt>
    <dd>White cold drink</dd>
</dl>

4、嵌套列表

<h4>一個(gè)嵌套列表：</h4>
<ul>
    <li>咖啡</li>
    <li>茶
        <ul>
            <li>紅茶</li>
            <li>綠茶
                <ul>
                    <li>中國茶</li>
                    <li>非洲茶</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>牛奶</li>
</ul>