一、html無序列表

無序列表是一個沒有順序的列表項目，在各條列前面使用●□◇◆等符號以示區隔。

html無序列表始于 ul 標簽。每個列表項始于 li ；無序列表的type屬性有三個數值可選，這三個選項分別為:disc實心園、circle空心園、square小方塊。 默認屬性是disc實心園。

基本語法：

 ul  li type= value 項目1 /li  li type= value 項目2 /li  li type= value 項目3 /li  /ul 

value值為項目符號的類型（type類型），無序列表的type類型有：

html無序列表代碼實例：

 !DOCTYPE html  html  head  meta charset= UTF-8  title html---無序列表 /title  /head  body  li 默認的無序列表 /li  li 默認的無序列表 /li  li 默認的無序列表 /li  /ul  li type= circle 添加circle屬性 /li  li type= circle 添加circle屬性 /li  li type= circle 添加circle屬性 /li  /ul  li type= square 添加square屬性 /li  li type= square 添加square屬性 /li  li type= square 添加square屬性 /li  /ul  /body  /html 

效果圖：

也可以使用css list-style-type屬性定義上圖的html無序列表樣式。

二、html有序列表

有序列表是一列按照字母或數字等順序排列的列表項目，注意有序列表的結果是帶有前后順序之分的編號,如果插入和刪除一個列表項，編號會自動調整。

html有序列表始于 ol 標簽。每個列表項始于 li 標簽。

基本語法：

 ol type= value1 start= value2  li 項目1 /li  li 項目2 /li  li 項目3 /li  /ol 

value1表示有序列表項目符號的類型（type類型）, value2表示項目開始的數值. start是編號開始的數字，如start=2則編號從2開始，如果從1開始可以省略，或是在 li 標簽中設定value＝ n 改變列表行項目的特定編號，例如 li value= 7 。type=用于編號的數字,字母等的類型，如type=a，則編號用英文字母。使用這些屬性，把它們放在 ol 或 li 的的初始標簽中。

有序列表type類型有:

html有序列表代碼實例：

 !DOCTYPE html  html  head  meta charset= UTF-8  title html---有序列表 /title  /head  body  li 默認的有序列表 /li  li 默認的有序列表 /li  li 默認的有序列表 /li  /ol  ol type= a start= 2  li 第1項 /li  li 第2項 /li  li 第3項 /li  li value= 20 第4項 /li  /ol  ol type= I start= 2  li 第1項 /li  li 第2項 /li  li 第3項 /li  /ol  /body  /html 

效果圖：

同樣也可以使用css list-style-type屬性定義上圖的html有序列表樣式。

三、html自定義列表

自定義列表不僅僅是一列項目，而是項目及其注釋的組合。

html自定義列表以 dl 標簽開始。每個自定義列表項以 dt 開始。每個自定義列表項的定義以 dd 開始。用于對術語或名詞進行解釋和描述，自定義列表的列表項前沒有任何項目符號。

基本語法：

 dl  dt 名詞1 /dt  dd 名詞1解釋1 /dd  dd 名詞1解釋2 /dd  dt 名詞2 /dt  dd 名詞2解釋1 /dd  dd 名詞2解釋2 /dd  /dl 

html自定義列表代碼實例：

 !DOCTYPE html  html  head  meta charset= UTF-8  title html---有序列表 /title  /head  body  dt 計算機 /dt  dd 用來計算的儀器 ... ... /dd  dt 顯示器 /dt  dd 以視覺方式顯示信息的裝置 ... ... /dd  /dl  /body  /html 

效果圖：

四、簡要介紹css list-style-type屬性

list-style-type 屬性設置列表項標記的類型。

可能值為：

以上就是html支持的列表標簽：無序列表、有序列表和定義列表（介紹）的詳細內容，html教程

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