ul標簽 - 無序列表

DIV+CSS的布局怎么能少的 ul 標簽？ul 是 unordered

lists

的縮寫，中文意思“無序列表”。有序列表的意思是使用編號來記錄每個項目順序，那么相反，無序列表的特征在于使用一種非編號的記錄方式，它會在每一個項目文字之前，以符號的形式作為分項的標記，這些符號如：disc(圓點)、circle(圓圈)、square(方塊)等。

在無序列表和有序列表中都包含著一個記述項目的標簽﹤li﹥，普通顯示數據的時候，ul是項目列表，li就是列表里的每個項目，可以用來顯示數據。ul+li的組合可以替換表格(table)的作用，配合CSS一起設置還能達到更豐富的效果。在默認情況下，ul無序列表是以disc(實心的黑圓點)顯示的，請看以下的一組實例：

ul標簽中可以包含多個li標簽，在上圖左邊的代碼中，可以看到 ul 首標簽與 ul

尾標簽分別代表著一個無序列表的開始與結束，而里面的 li

標簽則表示的是列表中的每一項，若不為標簽設置任何樣式，在瀏覽時則會自動在每一項的前面添加黑點的項目符號，如果要去掉ul標簽中每個項目的符號，也可以為

ul 標簽設置CSS樣式，代碼為：ul

style="list-style:none"；而如果要單獨的去掉其中一項的項目符號，就需要為其中的一個 li

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

并排顯示，可以設置CSS左浮動的樣式，代碼為：ul style="float:left"；假若要 ul 標簽中的每個 li

并排顯示，則需為 li 設置左浮動，代碼為：li style="float:left"。

li 嵌套 ul

請仔細看下圖在 li 標簽中嵌入 ul 實例：

上圖中分別在“ul標簽”項目中嵌入了新的 ul 列表，在“dl標簽”項目中也嵌入了新的 ul 列表。

ul

標簽中的屬性“compact”規定列表呈現的效果比正常情況更小巧；屬性“type”規定列表的項目符號的類型。在 HTML 4.01

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。