一、無序列表

ul 標簽用來定義無序列表，將 ul 標簽與 li 標簽一起使用，就可以創建無序列表。

舉例：用無序列表列舉四大名著，代碼如下：

 ul  li 紅樓夢 /li  li 水滸傳 /li  li 三國演義 /li  li 西游記 /li  /ul 

效果圖：

無序列表屬性type，默認的樣式是小黑圓，就是disc，type屬性有disc（實心圓默認）、circle（空心圓）、square（實心正方形）、none（取消前綴）。

二、有序列表

ol 標簽可以定義有序列表，將 ol 標簽與 li 標簽一起使用，就可以創建有序列表，列表排序以數字來顯示。

示范代碼如下：

 ol  li 紅樓夢 /li  li 水滸傳 /li  li 三國演義 /li  li 西游記 /li  /ol 

效果圖：

有序列表有兩個屬性，分別是type和start。 type有五個屬性值：1、a、A、i、I(羅馬數字)，用來表示列表前綴的樣式。start表示從type類型的第幾個數字開始，比如當type=“a”，start=“4”，指選擇的是小寫字母類型，從第四個字母d開始列舉。

三、自定義列表

dl 標簽可以定義描述列表， dl 標簽與 dt 和 dd 一起使用，創建自定義列表（描述列表）。

示范代碼如下：

 dl  dt 中國四大名著 /dt  dd 紅樓夢 /dd  dd 西游記 /dd  dd 水滸傳 /dd  dd 三國演義 /dd  /dl 

效果圖：

自定義列表（描述列表）中，在dt和dd中有了一個縮進。

有序列表、無序列表和自定義列表的區別：

有序列表和無序列表都有前綴，但是有序列表是大寫字母、小寫字母、數字和羅馬數字等，而無序列表的前綴是實心圓、空心圓、實心正方形。自定義列表與有序列表，無序列表的區別是它有縮進而沒有前綴。

【相關教程推薦】

1. CSS3視頻教程
2. CSS在線手冊
3. bootstrap教程

以上就是圖文詳解HTML中有序列表、無序列表和自定義列表的區別的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。