HTML表格制作

HTML中制作表格有两种方法：

（1）先把最原始的表格画出来，每一个都是单个单元格，然后再根据要求进行行合并或列合并，有的表格需要行列都合并，则也是把它分为两步做，先合并行再合并列（或者先合并列再合并行），若进行了colspan和rowspan的合并，则将之后同一行或同一列的单元格删除，但这种方法较麻烦，容易搞混。

（2）直接根据最终要生成的表格来操作，将每个合并的单元格看做一个小的单元格，不再将它拆分，然后一行一行的写表格，遇到合并的单元格直接写出colspan或rowspan，下面若遇到已经用过的合并的单元格，则不再将其算到内，只看还剩多少单元格。这种方法一行一行的写，不用再去删单元格，比较清晰。

以下为制作的一个简单表格及其代码：

项目增补单

	

    	
序号
        
维修项目及更换配件
        
单价
        
数量
        
小计
        
工时费
        
合计
        
故障原因
    
    

    	
1
        

        

        

        

        

        

        

    
    

    	
2
        

        

        

        

        

        

        

    
    

    	
3
        

        

        

        

        

        

        

    
    

    	
4
        

        

        

        

        

        

        

    
    

    	
5
        

        

        

        

        

        

        

    
    

    	
6
        

        

        

        

        

        

        

    
    

    	
7
        

        

        

        

        

        

    
    

    	

    
    

    	

    
    

    	

    
    

    	
备件费用小计：
        
工时费用小计：
        
合计：
    
    


	

		
班组长：
        
技术部：
        
服务顾问：
        
客户确认: