列表元素的種類以及使用:
1.無序列表
列表項的順序不影響語義
<ul> css:list-style-type 可以修改列表項前面的樣式
<li> 列表里的條目
2.有序列表
列表項的順序影響語義
<ol>
type己单,表示序號的類型,1表示數(shù)字編號(默認)刚操,a表示小寫字母,A表示大寫字母陆淀,i表示小寫羅馬數(shù)字宣羊,I表示大寫羅馬數(shù)字
start,數(shù)字表示列表項開始的序號
reverse摹芙,布爾屬性日月,對序號進行反轉(zhuǎn)
<li> value袱瓮,表示此項開始的序號
3.自定義列表
<dl>包含術(shù)語定義以及描述的列表由鍵-值對列表組成,常用來表示術(shù)語解釋或者問答等爱咬,其中術(shù)語和對術(shù)語的描述可以是多對多的關(guān)系
<dt> 申明一個術(shù)語
<dd> 術(shù)語的描述
P.S.三種列表可以嵌套尺借,實際開發(fā)中也經(jīng)常需要嵌套,尤其是用作導(dǎo)航精拟。
練習(xí):
實現(xiàn)三個歌單的html部分
<ul>
<li>云音樂飆升榜
<ol>
<li>最美的期待</li>
<li>Pray For Me</li>
<li>Logo</li>
</ol>
</li>
<li>云音樂新歌榜
<ol>
<li>等你下課</li>
<li>最美的期待</li>
<li>你要的全拿走</li>
</ol>
</li>
<li>網(wǎng)易原創(chuàng)歌曲榜
<ol>
<li>一直往前走</li>
<li>昨日的你</li>
<li>如期</li>
</ol>
</li>
</ul>