當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > DIV+CSS > html目錄列表dir

html目錄列表dir

2012/11/16 19:47:57作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

html目錄列表dir

目錄列表用于顯示文件內(nèi)容的目錄大綱,通常用于設(shè)計(jì)一個(gè)壓縮窄列的列表,用于顯示一系列的列表內(nèi)容,例如字典中的索引或單詞表中的單詞等。列表中每項(xiàng)至多只能有20個(gè)字符。通過(guò)<dir>和<li>標(biāo)記建立目錄列表。


【基本語(yǔ)法】

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

【語(yǔ)法介紹】

在該語(yǔ)法中,<dir>和</dir>標(biāo)志著目錄列表的開(kāi)始和結(jié)束。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>目錄列表</title> </head> <body> <p>列表</p> <dir> <li>無(wú)序列表</li> <li>有序列表</li> <li>目錄列表</li> </dir> </body> </html>

【代碼分析】

在代碼中,加粗部分的標(biāo)記為設(shè)置目錄列表,在瀏覽器中預(yù)覽,可以看到目錄列表的效果,如圖所示。

目錄列表dir運(yùn)行效果

 【素材及源碼下載】

請(qǐng)點(diǎn)擊:html目錄列表dir 下載本實(shí)例相關(guān)素材及源碼

 

標(biāo)簽: html  目錄列表