ul標(biāo)簽 - 無(wú)序列表

DIV+CSS的布局怎么能少的 ul 標(biāo)簽？ul 是 unordered

lists

的縮寫，中文意思“無(wú)序列表”。有序列表的意思是使用編號(hào)來(lái)記錄每個(gè)項(xiàng)目順序，那么相反，無(wú)序列表的特征在于使用一種非編號(hào)的記錄方式，它會(huì)在每一個(gè)項(xiàng)目文字之前，以符號(hào)的形式作為分項(xiàng)的標(biāo)記，這些符號(hào)如：disc(圓點(diǎn))、circle(圓圈)、square(方塊)等。

在無(wú)序列表和有序列表中都包含著一個(gè)記述項(xiàng)目的標(biāo)簽﹤li﹥，普通顯示數(shù)據(jù)的時(shí)候，ul是項(xiàng)目列表，li就是列表里的每個(gè)項(xiàng)目，可以用來(lái)顯示數(shù)據(jù)。ul+li的組合可以替換表格(table)的作用，配合CSS一起設(shè)置還能達(dá)到更豐富的效果。在默認(rèn)情況下，ul無(wú)序列表是以disc(實(shí)心的黑圓點(diǎn))顯示的，請(qǐng)看以下的一組實(shí)例：

ul標(biāo)簽中可以包含多個(gè)li標(biāo)簽，在上圖左邊的代碼中，可以看到 ul 首標(biāo)簽與 ul

尾標(biāo)簽分別代表著一個(gè)無(wú)序列表的開(kāi)始與結(jié)束，而里面的 li

標(biāo)簽則表示的是列表中的每一項(xiàng)，若不為標(biāo)簽設(shè)置任何樣式，在瀏覽時(shí)則會(huì)自動(dòng)在每一項(xiàng)的前面添加黑點(diǎn)的項(xiàng)目符號(hào)，如果要去掉ul標(biāo)簽中每個(gè)項(xiàng)目的符號(hào)，也可以為

ul 標(biāo)簽設(shè)置CSS樣式，代碼為：ul

style="list-style:none"；而如果要單獨(dú)的去掉其中一項(xiàng)的項(xiàng)目符號(hào)，就需要為其中的一個(gè) li

設(shè)置該樣式，代碼為：li style="list-style:none"；假若在一個(gè)DIV中包含了多個(gè) ul 列表，要這些 ul

并排顯示，可以設(shè)置CSS左浮動(dòng)的樣式，代碼為：ul style="float:left"；假若要 ul 標(biāo)簽中的每個(gè) li

并排顯示，則需為 li 設(shè)置左浮動(dòng)，代碼為：li style="float:left"。

li 嵌套 ul

請(qǐng)仔細(xì)看下圖在 li 標(biāo)簽中嵌入 ul 實(shí)例：

上圖中分別在“ul標(biāo)簽”項(xiàng)目中嵌入了新的 ul 列表，在“dl標(biāo)簽”項(xiàng)目中也嵌入了新的 ul 列表。

ul

標(biāo)簽中的屬性“compact”規(guī)定列表呈現(xiàn)的效果比正常情況更小巧；屬性“type”規(guī)定列表的項(xiàng)目符號(hào)的類型。在 HTML 4.01

中，這兩個(gè)屬性已廢棄，HTML5 則不支持這兩個(gè)屬性，所以也不做多介紹。

總結(jié)

以上是生活随笔為你收集整理的下图无序列表的html标记,ul标签-无序列表的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。