html 列表实现

一.明确目标:

列表.png

二.拆分列表:
分析列表的嵌套层数,以及每层之间的关系;
明确每层都属于无序还是有序列表;

三.写实现:
由外层到内层依次实现;
第一步:

    
  
javascript
    
  
java

第一步.png

第二步:

    
  
javascript
    
  
        
      
第一章
        
      
第二章
       
  
    
  
java
   
  
      
      
第一章
       
      
第二章
       
  

第二步.png

第三步:

    
  
javascript
    
  
        
      
第一章
        
      
            
           
const
            
           
let
       
      
        
     
第二章
       
     
            
           
function
            
           
object
        
     
    
  
    
  
java
   
  
      
    
第一章
       
    
            
              
calss
            
              
package
        
    
        
    
第二章
       
    
            
              
private
           
              
public
        
    
    
  

第三步.png