列表標(biāo)簽
-1.什么是列表標(biāo)簽?
給一堆數(shù)據(jù)添加列表語(yǔ)義,即告訴瀏覽器這一堆數(shù)據(jù)是一個(gè)整體。
-2.HTML中列表標(biāo)簽的分類:
2.1無(wú)序列表(最多)(unordered list)
2.2有序列表(最少)(ordered list)
2.3定義列表(其次)(definition list)
3無(wú)序列表作用:
給一堆數(shù)據(jù)添加列表語(yǔ)義,并且這一對(duì)數(shù)據(jù)中無(wú)先后之分。
格式:
<ul>
<li></li>
</ul>
<li>標(biāo)簽是英文list item的縮寫
注意點(diǎn):
1.<ul>標(biāo)簽和<li>標(biāo)簽是一個(gè)整體組合,要么一起出現(xiàn)要么一起不出現(xiàn)
2.由于<ul><li>標(biāo)簽是一個(gè)組合,不推薦在<ul>標(biāo)簽中添加其它標(biāo)簽,但是可以在<li>標(biāo)簽中添加一些別的標(biāo)簽豐富這個(gè)列表標(biāo)簽。
例如:
<h1>四大名著</h1>
<ul>
<li>
<h2>《三國(guó)演義》</h2>
<p>《三國(guó)演義》反映了魏、蜀漢、吳三個(gè)政治集團(tuán)之間的政治和軍事斗爭(zhēng)成功塑造了一批叱咤風(fēng)云的英雄人物。</p>
</li>
<li>
<h2>《水滸傳》</h2>
<p>《水滸傳》是中國(guó)歷史上第一部用古白話文寫成的歌頌農(nóng)民起義的長(zhǎng)篇章回體版塊結(jié)構(gòu)小說(shuō)。</p>
</li>
<li>
<h2>《西游記》</h2>
<p>《西游記》是中國(guó)古典小說(shuō)中偉大的浪漫主義文學(xué)作品。</p>
</li>
<li>
<h2>《紅樓夢(mèng)》</h2>
<p>《紅樓夢(mèng)》講述的是發(fā)生在一個(gè)虛構(gòu)朝代的封建大家庭中的人事物。</p>
</li>
</ul>
4無(wú)序列表的應(yīng)用場(chǎng)景
1.新聞列表2
2.商品列表
3.導(dǎo)航條
5.快速創(chuàng)建列表的寫法:
ul>li2>ul>li3
例如:
<ul>
<li>
<h2>蔬菜</h2>
<ul>
<li>白菜</li>
<li>蘿卜</li>
<li>黃瓜</li>
</ul>
</li>
<li>
<h1>水果</h1>
<ul>
<li>蘋果</li>
<li>桃子</li>
<li>香蕉</li>
</ul>
</li>
</ul>
<ul>
<li>水果</li>
<li>蔬菜</li>
</ul>