HTML |列表

什么是列表？
列表是短信息的记录，例如人名，通常在每行书写或打印一个事物，并以易于查找特定事物的方式进行排序。
例如：

• 购物清单
• 待办事项清单

HTML 中的列表
HTML 提供了三种指定信息列表的方法。所有列表必须包含一个或多个列表
元素。
可以在 HTML 中使用的列表类型有：

• ul ：无序列表。这将使用普通项目符号列出项目。
• ol ：有序列表。这将使用不同的数字方案来列出您的项目。
• dl ：定义列表。这将按照与字典中的排列方式相同的方式排列您的项目。

无序列表
无序列表以“ul”标签开始。每个列表项都以“li”标签开头。列表项默认标有项目符号，即小黑圆圈。
示例：

html

 
Grocery list
 

  
Bread
  
Eggs
  
Milk
  
Coffee
 
 

输出 ：

HTML 无序列表具有各种列表项标记：-

1. Disc ：将列表项标记设置为项目符号，即默认值。

html

 
Unordered List with Disc Bullets
Grocery List
 

  
Bread
  
Eggs
  
Milk
  
Coffee
 
 

1. 输出 ：

2. Circle ：将列表项标记设置为圆形。

html

 
Unordered List with Circle Bullets
 
Grocery list
 

  
Bread
  
Eggs
  
Milk
  
Coffee
 

1. 输出 ：

2. Square ：将列表项标记设置为正方形。

html

 
Unordered List with Square Bullets
 
Grocery list
 

 
Bread
  
Eggs
  
Milk
  
Coffee

 

1. 输出 ：

HTML 有序列表
有序列表以“ol”标签开头。每个列表项都以“li”标签开头。默认情况下，列表项用数字标记。
示例：

html

 
Grocery List
 

  
Bread
  
Eggs
  
Milk
  
Coffee
 
 

输出 ：

HTML 有序列表具有各种列表项标记：

标签的 type 属性定义了列表项标记的类型。
1. Type=”1″ ：列表项将用数字编号，即默认值。

html

 
Ordered List with Numbers
 

  
Bread
  
Eggs
  
Milk
  
Coffee
 
 

1. 输出 ：



2. Type=”A” ：列表项将以大写字母编号。

html

 
Ordered List with Letters
 

  
Bread
  
Eggs
  
Milk
  
Coffee
 
 

1. 输出 ：



2. Type=”a” ：列表项将以小写字母编号。

html

 
Ordered List with Lowercase Letters
 

  
Bread
  
Eggs
  
Milk
  
Coffee
  
 

1. 输出 ：



2. Type=”I” ：列表项将用大写罗马数字编号。

html

 
Ordered List with Roman Numbers
 

  
Bread
  
Eggs
  
Milk
  
Coffee
 
 

1. 输出 ：



2. Type=”i” ：列表项将用小写罗马数字编号。

html

 
Ordered List with Lowercase Roman Numbers
 

  
Bread
  
Eggs
  
Milk
  
Coffee
 
 

1. 输出 ：



HTML 描述列表
描述列表是一个术语列表，每个术语都有一个描述。


标签定义描述列表，

标签定义术语名称，

标签描述每个术语。
示例：

html

 
A Description List
 

  
Coffee
  
- 500 gms
  
Milk
  
- 1 ltr Tetra Pack

 

输出 ：



HTML 中的嵌套列表：

嵌套列表是在列表中包含列表的列表。

html

 
A Nested List
 

  
Coffee
  
Tea
    

    
Black tea
    
Green tea
    
  
  
Milk

 

输出 ：



支持的浏览器：

• 谷歌浏览器
• 微软边缘
• 火狐
• 歌剧
• 苹果浏览器