列表元素的種類以及使用：

1.無(wú)序列表

列表項(xiàng)的順序不影響語(yǔ)義
<ul> css:list-style-type 可以修改列表項(xiàng)前面的樣式
<li> 列表里的條目

2.有序列表

列表項(xiàng)的順序影響語(yǔ)義
<ol>
type，表示序號(hào)的類型，1表示數(shù)字編號(hào)（默認(rèn)），a表示小寫字母，A表示大寫字母，i表示小寫羅馬數(shù)字，I表示大寫羅馬數(shù)字
start，數(shù)字表示列表項(xiàng)開始的序號(hào)
reverse，布爾屬性，對(duì)序號(hào)進(jìn)行反轉(zhuǎn)
<li> value，表示此項(xiàng)開始的序號(hào)

3.自定義列表

<dl>包含術(shù)語(yǔ)定義以及描述的列表由鍵-值對(duì)列表組成，常用來(lái)表示術(shù)語(yǔ)解釋或者問(wèn)答等，其中術(shù)語(yǔ)和對(duì)術(shù)語(yǔ)的描述可以是多對(duì)多的關(guān)系
<dt> 申明一個(gè)術(shù)語(yǔ)
<dd> 術(shù)語(yǔ)的描述

P.S.三種列表可以嵌套，實(shí)際開發(fā)中也經(jīng)常需要嵌套，尤其是用作導(dǎo)航。

練習(xí)：

實(shí)現(xiàn)三個(gè)歌單的html部分

<ul>
     <li>云音樂(lè)飆升榜
        <ol>
            <li>最美的期待</li>
            <li>Pray For Me</li>
            <li>Logo</li>
        </ol>
    </li>
    <li>云音樂(lè)新歌榜
        <ol>
            <li>等你下課</li>
            <li>最美的期待</li>
            <li>你要的全拿走</li>
        </ol>
    </li>
    <li>網(wǎng)易原創(chuàng)歌曲榜
        <ol>
            <li>一直往前走</li>
            <li>昨日的你</li>
            <li>如期</li>
        </ol>
    </li>
</ul>