html表格实现

一.明确目标:

表格.png

二.分解任务:
第一步:明确表格的标题;
第一步:明确表格的行数列数以及跨行跨列情况;
第三步:明确表格的表头:行表头和列表头;
三.写实现:

    
 
购物车
    
 
        
       
名称
        
       
2016-11-22
        
       
小计
    
  
    
  
                
       
重量
        
       
单价
         
  
    
  
        
        
苹果
        
        
3公斤
        
        
5元/公斤
        
        
15元
    
   
    
   
        
         
香蕉
        
         
2公斤
        
         
6元/公斤
        
         
12元
    
   
    
   
        
        
总计
       
        
27元
    
   
  

实现表格.png

四.反思总结:
分析表头时,忽略了列表头;
不论问题大小,不应着急写实现,明确每一步的实现步骤后再动手;
对待小问题也要观察分析,养成良好的习惯.