📌  相关文章
📜  HTML 中的无序、有序和描述列表

📅  最后修改于: 2022-05-13 01:57:53.379000             🧑  作者: Mango

HTML 中的无序、有序和描述列表

列表用于在网页中以有序或无序的形式存储数据或信息。 HTML 支持多种类型的列表元素，这些元素可以包含在文档的 标记中。这些元素也可以嵌套，即元素的开始可以嵌入到另一个元素中。 HTML 中提供了三种类型的列表：

  • 无序列表
  • 有序列表
  • 描述列表

现在在移动到列表之前，我们首先了解什么是列表项标签。

列表项标签

列表项标签用于定义列表中的每一项。一旦我们用

  • 标记定义了列表项，列表就会以项目符号形式出现在 Web 浏览器中（默认情况下）。它在有序列表和无序列表中都使用。

    句法：

  • content

    • 物品标签的属性：

    value :

  • 标签的 value 属性用于指定第一项的值。该值必须是一个数字，并且只能在有序列表的情况下使用。随后的列表项将从数字中增加值。

    句法：

    • 示例 1：

    HTML
    

    inline style attribute


    
  • sachin
    • 
    
  • sujay
    • 
    
  • Amraditya
    • 
    
  • shivam
    • 
    
  • Parth
    •

    HTML
    

    inline style attribute


    
      
        
    1. English
      2. 
        
    2. Hindi
      3. 
        
    3. Maths
      4. 
        
    4. Science
      5. 
        
    5. social science
      6. 
    

    HTML
    

     ordered list


    
    Example of ordered list in default
    
    
      
        
    1. Sachin
      2. 
        
    2. Manoj
      3. 
        
    3. Parth
      4. 
        
    4. sujay
      5. 
        
    5. Amraditya
      6. 
    

    HTML
    

     ordered list


    
    Example of ordered list whose type = "A"
    
    
      
        
    1. Sachin
      2. 
        
    2. Manoj
      3. 
         
    
    
    
    Example of reverse ordered list
    
    
      
        
    1. Parth
      2. 
        
    2. sujay
      3. 
    
    
    
    Example of ordered list start from 10
    
    
      
        
    1. Pushpa
      2. 
        
    2. Purvi
      3. 
    
    
     

    HTML
    

     unordered list


    
    Example of unordered list in default
    
    
      
        
    • Sachin
      • 
        
    • Manoj
      • 
        
    • Parth
      • 
        
    • sujay
      • 
        
    • Amraditya
      • 
    

    HTML
    

     unordered list


    
    Example of unordered list in circle
    
    
      
        
    • sachin
      • 
        
    • manoj
      • 
    
    
    
    Example of unordered list in disk
    
    
      
        
    • Priya
      • 
        
    • Mohit
      • 
    
    
    
    Example of unordered list in square
    
    
      
        
    • Pinky
      • 
        
    • Punam
      • 
    
    
    
    Example of unordered list in none
    
    
      
        
    • Mukti
      • 
        
    • Dhama
      • 
    

    HTML
    

     Description list


    
    Example of description list
    
    
    
        
    Python:
    
        
    It is a programming language
    
        
    C++:
    
        
    It is also a programming language
    
    
    
     

    输出：

    示例 2：

    HTML 

    

    inline style attribute


    
      
        
    1. English
      2. 
        
    2. Hindi
      3. 
        
    3. Maths
      4. 
        
    4. Science
      5. 
        
    5. social science
      6. 
    

    输出：

    现在我们将一一详细讨论HTML提供的所有列表：

    有序列表

    有序列表定义了一个项目列表，其中项目的顺序很重要。有序列表也称为数字列表。排序由编号方案给出，使用阿拉伯数字、字母、罗马数字。或者换句话说，有序列表标签用于创建有序列表。

    句法：

    有序列表的属性：

    1. reversed：该属性用于指定列表的顺序是否应该颠倒。

    句法：

    2. start：该属性用于指定列表的起始值。

    句法：

    3. type：该属性用于指定list item maker的类型。该属性的值是十进制（默认）/lower-roman/upper roman/lower-alpha/upper alpha

    句法：

    示例 1：

    HTML 

    

     ordered list


    
    Example of ordered list in default
    
    
      
        
    1. Sachin
      2. 
        
    2. Manoj
      3. 
        
    3. Parth
      4. 
        
    4. sujay
      5. 
        
    5. Amraditya
      6. 
    

    输出：

    示例 2：

    HTML 

    

     ordered list


    
    Example of ordered list whose type = "A"
    
    
      
        
    1. Sachin
      2. 
        
    2. Manoj
      3. 
         
    
    
    
    Example of reverse ordered list
    
    
      
        
    1. Parth
      2. 
        
    2. sujay
      3. 
    
    
    
    Example of ordered list start from 10
    
    
      
        
    1. Pushpa
      2. 
        
    2. Purvi
      3. 
    
    
     

    输出：

    无序列表：

     无序列表定义了一个项目列表，其中项目的顺序没有。或者换句话说，无序列表标签用于创建无序列表。它也被称为项目符号列表。在无序列表中，列表中的每个元素都是使用

  • 标签定义的。

    句法：

    无序列表的属性：

    List-style-type：此属性用于指定将用作列表项标记的项目符号样式。该属性的值为 None/disc(default)/circle/square。

    句法：

    示例 1：

    HTML 

    

     unordered list


    
    Example of unordered list in default
    
    
      
        
    • Sachin
      • 
        
    • Manoj
      • 
        
    • Parth
      • 
        
    • sujay
      • 
        
    • Amraditya
      • 
    

    输出：

    示例 2：

    HTML 

    

     unordered list


    
    Example of unordered list in circle
    
    
      
        
    • sachin
      • 
        
    • manoj
      • 
    
    
    
    Example of unordered list in disk
    
    
      
        
    • Priya
      • 
        
    • Mohit
      • 
    
    
    
    Example of unordered list in square
    
    
      
        
    • Pinky
      • 
        
    • Punam
      • 
    
    
    
    Example of unordered list in none
    
    
      
        
    • Mukti
      • 
        
    • Dhama
      • 
    

    输出：

    描述列表

    描述列表是一个列表，其中每个术语都包含其描述。该标签包含

    和
    标签。

    • ：此标签用于定义名称或术语
    • ：这个标签用来描述这个词。

    句法：

    例子：

    HTML 

    

     Description list


    
    Example of description list
    
    
    
        
    Python:
    
        
    It is a programming language
    
        
    C++:
    
        
    It is also a programming language
    
    
    
     

    输出：