HTML列表 - 芒果文档

📌 相关文章

📜 HTML列表

📅 最后修改于: 2020-11-01 07:53:50 🧑 作者: Mango

HTML列表

HTML列表用于指定信息列表。所有列表可能包含一个或多个列表元素。有三种不同类型的HTML列表：

有序列表或编号列表(ol)
无序列表或项目符号列表(ul)
说明列表或定义列表(dl)

注意：我们可以在另一个列表内创建一个列表，该列表称为嵌套列表。

HTML有序列表或编号列表

在排序的HTML列表中，默认情况下，所有列表项都标有数字。也称为编号列表。有序列表以

标签。
```
 Aries
 Bingo
 Leo
 Oracle
```
输出：
- Aries
- Bingo
- Leo
- Oracle
HTML无序列表或项目符号列表

在“ HTML无序列表”中，所有列表项都用项目符号标记。也称为项目符号列表。无序列表以
- 标签。
```
 Aries
 Bingo
 Leo
 Oracle
```
  输出：
  - Aries
  - Bingo
  - Leo
  - Oracle
  HTML说明列表或定义列表
  
  HTML描述列表也是HTML和XHTML支持的列表样式。这也称为定义列表，其中条目如字典或百科全书一样列出。
  
  当您要显示词汇表，术语列表或其他名称/值列表时，定义列表非常合适。
  
  HTML定义列表包含以下三个标签：
  - 标记定义列表的开始。
  - 标签定义一个术语。
  - 标签定义术语定义(描述)。
```
  Aries
  -One of the 12 horoscope sign.
  Bingo
  -One of my evening snacks
 Leo
 -It is also an one of the 12 horoscope sign.
  Oracle
  -It is a multinational technology corporation. 
```
  输出：
  
  Aries
  
  -One of the 12 horoscope sign.
  
  Bingo
  
  -One of my evening snacks
  
  Leo
  
  -It is also an one of the 12 horoscope sign.
  
  Oracle
  
  -It is a multinational technology corporation.
  
  HTML嵌套列表
  
  另一个列表中的列表称为嵌套列表。如果要在编号列表中包含项目符号列表，则这种类型的列表将称为嵌套列表。
  
  码：
```
    Nested list


    List of Indian States with thier capital

    Delhi
        
            NewDelhi
        
    
    Haryana
        
            Chandigarh
        
    
    Gujarat
        
            Gandhinagar
        
    
    Rajasthan 
        
            Jaipur
        
    
    Maharashtra
        
            Mumbai
        
    
    Uttarpradesh
        
            Lucknow
    
```
  输出：
  
  支持的浏览器
  Element Chrome IE Firefox Opera Safari
  Yes Yes Yes Yes Yes