📜  什么是列表嵌套以及如何在 HTML 中创建嵌套列表?

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

什么是列表嵌套以及如何在 HTML 中创建嵌套列表?

列表是用于以有序或无序的形式显示网页中的数据或任何信息的相关信息的一小段记录。例如,要购买商品,我们需要准备一个可以有序或无序列表的列表,这有助于我们组织数据并轻松找到商品。

在本文中,我们将讨论 HTML 中的嵌套列表。

这些标签用于 HTML 列表。

  • HTML
      标签
    • HTML
        标签
      1. HTML
      2. 标签

    HTML 无序列表:无序列表以“ul”标签开头。每个列表项都以“li”标签开头。默认情况下,列表项标有项目符号,即黑色小圆圈。

    语法

      ....

    属性值:此标签包含下面列出的两个属性。

    • compact :它将使列表更小。
    • type :它指定列表中使用哪种标记。

    注意: HTML5 不支持

      属性。

      示例:此示例显示了一个嵌套的无序列表。它用于将列表项(即列表)嵌套在另一个列表中。

      HTML
      
      
        
      
          

      GeeksforGeeks

          

      Nested Unordered List

          

      GeeksforGeeks courses list:

             
                
      • DSA
      •         
                      
        • Array
        •             
        • Linked List
        •             
        • stack
        •             
        • Queue
        •         
                
      • Web Technologies
      •         
                      
        • HTML
        •             
        • CSS
        •             
        • JavaScript
        •         
                
      • Aptitude
      •         
      • Gate
      •         
      • Placement
      •     


      HTML
      
      
        
      
          

      GeeksforGeeks

          

      Nested Ordered List

          
                
      1. Coffee
      2.         
      3. Tea             
                          
        1. Black tea
        2.                 
        3. Green tea
        4.             
                
      4.         
      5. Milk
      6.     


      输出:

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

      语法

      1. Item 1
      2. Item 2
      3. Item 3

      属性值

      • compact :它定义了列表应该被压缩(compact 属性不支持 HTML5。而是使用 CSS)。
      • reversed :它定义顺序将是降序的。
      • start :它定义了订单列表的起始数字或字母。
      • type :它定义了列表中数字、字母或罗马数字中您想要的顺序的类型(1、A、a、I 和 i)。

      示例:以下示例显示了一个嵌套的有序列表。

      HTML

      
      
        
      
          

      GeeksforGeeks

          

      Nested Ordered List

          
                
      1. Coffee
      2.         
      3. Tea             
                          
        1. Black tea
        2.                 
        3. Green tea
        4.             
                
      4.         
      5. Milk
      6.     

      输出: