HTML 列表实现

今天来讲一讲怎样用 HTML 来实现下面的列表。

实现的列表

第一步

可以看到第一层 JavaScript 和 Java 两个是无序列表，无序列表使用

标签，所以可以先实现这两个：

代码：

    
    



    

        JavaScript
    
    

        Java
    

运行结果：

• JavaScript
• Java

第二步

下来可以看到第二层是包含在

• 标签里面的并且是有序列表，有序列表使用
  标签：

  代码：

  
      
  JavaScript
          
  
              
  第一章
              
  第二章
          
      
      
  Java
          
  
              
  第一章
              
  第二章
          
      
  
  

  运行结果：

  • JavaScript
    1. 第一章
    2. 第二章
  • Java
    1. 第一章
    2. 第二章

  第三步

  可以看到第三层是包在第二层的

  1. 标签里且它是无序的，使用
     标签：

     代码：

     
         
     JavaScript
             
     
                 
     第一章
                     
     
                         
     const
                         
     let
                     
                 
                 
     第二章
                     
     
                         
     function
                         
     object
                     
                 
             
         
         
     Java
             
     
                 
     第一章
                     
     
                         
     class
                         
     package
                     
                 
                 
     第二章
                     
     
                         
     private
                         
     public
                     
                 
             
         
     
     

     运行结果：

     • JavaScript
       1. 第一章
          • const
          • let
       2. 第二章
          • function
          • object
     • Java
       1. 第一章
          • class
          • package
       2. 第二章
          • private
          • public

     这样就成功的实现了这样的列表。