場(chǎng)景:
-新聞列表
-商品列表
-導(dǎo)航條 (要改變 li 的 float 樣式)
-圖片列表
-游戲排行榜
定義:
-告知瀏覽器、告知搜索引擎,這一堆數(shù)據(jù)是一個(gè)整體集合
分類:
-無(wú)序列表ul (用的最多)
-有序列表ol
-定義列表dl
無(wú)序列表:給一堆數(shù)據(jù)添加列表語(yǔ)義,列表數(shù)據(jù)無(wú)先后之分
-格式
<ul>
<li> 四川天氣</li>
<li> 成都天氣</li>
</ul>
默認(rèn)的列表前面會(huì)添加 一個(gè)小圓點(diǎn)
改變樣式語(yǔ)法:
<head>標(biāo)簽的 <style> 里面
ul {
list-style: none;
}
ul 標(biāo)簽和 li 標(biāo)簽是成對(duì)出現(xiàn),一般不單獨(dú)使用
li 標(biāo)簽?zāi)J(rèn)是向上浮動(dòng),以列表形式呈現(xiàn)
如果想要改成導(dǎo)航欄目的形式,需要用到CSS樣式
<head> <style> 里面
li {
float : left ; 向左浮動(dòng)
}
li標(biāo)簽里面可以添加很多標(biāo)簽,也包括 ul 標(biāo)簽

有序列表:排行榜、財(cái)富榜
ol
給一堆數(shù)據(jù)添加語(yǔ)義,并且所有的數(shù)據(jù)都是有先后之分的
格式:
<ol>
<li></li>
<ol>
定義列表dl:
格式:
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
dt:定義列表中的標(biāo)題
dd:定義標(biāo)題對(duì)應(yīng)的描述

定義列表的應(yīng)用場(chǎng)景:
-網(wǎng)站底部相關(guān)描述信息
-圖文混排
定義列表注意:
dl dt dd 是組合出現(xiàn),不會(huì)單獨(dú)出現(xiàn)
dl 中只許 dt dd
dt 中可以沒有 dd ,可以有多個(gè) dd
建議一個(gè) dt 中 配置一個(gè) dd
當(dāng)需要豐富界面時(shí),可以在 dt 和 dd 中添加多個(gè)標(biāo)簽,但不建議在 dl 標(biāo)簽中添加其它標(biāo)簽,也就是說(shuō) dl 標(biāo)簽中只有 dt 和 dd
