一.明確目標:

列表.png

二.拆分列表:
分析列表的嵌套層數,以及每層之間的關系;
明確每層都屬于無序還是有序列表;

三.寫實現:
由外層到內層依次實現;
第一步:

<ul>    
  <li>javascript</li>    
  <li>java</li>
</ul>

第一步.png

第二步:

<ul>    
  <li>javascript</li>    
  <ol>        
      <li>第一章</li>        
      <li>第二章</li>       
  </ol>    
  <li>java</li>   
  <ol>      
      <li>第一章</li>       
      <li>第二章</li>       
  </ol>
</ul>

第二步.png

第三步:

<ul>    
  <li>javascript</li>    
  <ol>        
      <li>第一章</li>        
      <ul type="square">            
           <li>const</li>            
           <li>let</li>       
      </ul>        
     <li>第二章</li>       
     <ul type="square">            
           <li>function</li>            
           <li>object</li>        
     </ul>    
  </ol>    
  <li>java</li>   
  <ol>      
    <li>第一章</li>       
    <ul type="square">            
              <li>calss</li>            
              <li>package</li>        
    </ul>        
    <li>第二章</li>       
    <ul type="square">            
              <li>private</li>           
              <li>public</li>        
    </ul>    
  </ol>
</ul>

第三步.png