當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > DIV+CSS > html無(wú)序列表標(biāo)記ul

html無(wú)序列表標(biāo)記ul

2012/11/16 15:38:23作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

html無(wú)序列表標(biāo)記ul

無(wú)序列表(Unordered List)是一個(gè)沒有特定順序的相關(guān)條目(也稱為列表項(xiàng))的集合,在無(wú)序列中,各個(gè)列表項(xiàng)之間屬并列關(guān)系,沒有先后順序之分。ul用于設(shè)置無(wú)序列表,各個(gè)列表之間沒有順序級(jí)別之分。

【基本語(yǔ)法】

<ul>
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
···
</ul>

【語(yǔ)法介紹】

在該語(yǔ)法中,<u1>和</ul>標(biāo)記表示無(wú)序列表的開始和結(jié)束,<li>則表示一個(gè)列表項(xiàng)的開始。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無(wú)序列表標(biāo)記</title> </head> <body> <p><b>   云南特產(chǎn)</b> </p> <ul> <li>大理 木雕工藝</li> <li>大理 雕梅燉梅</li> <li>怒江 獨(dú)龍?zhí)?lt;/li> <li>羅平小黃姜</li> <li>猴頭菇</li> <li>麗江 雞粽</li> <li>麗江 銅器</li> <li>麗江 蜂糖梨</li> </ul> </body> </html>

【代碼分析】

在代碼中,加粗的標(biāo)記用于設(shè)置無(wú)序列表,在瀏覽器中瀏覽效果如圖所示,可以看到列表之間沒有順序之分。

無(wú)序列表標(biāo)記ul運(yùn)行效果

 【素材及源碼下載】

請(qǐng)點(diǎn)擊:html無(wú)序列表標(biāo)記ul 下載本實(shí)例相關(guān)素材及源碼

 

標(biāo)簽: html  無(wú)序列表