HTML表格标签及其属性

带标题和表格头的表格：

带结构的表格：

表格结构标签来进行优化显示，加载一部分就显示一部分，不会等到全部加载完才显示

表格划分分为三部分：表头，主题，脚注

　　thead：表格的头（放表格的表头）

　　tbody：表格的主体（放数据本体）

　　tfoot：表格的脚（放表格的脚注）

　　标签不会影响表格的布局，只是对表格结构的划分

标签属性：

 

 

 

 

 

 

 

 

 

标签属性：

 

 

 

 

 

 

 

 

标签属性：

 

 

 跨列属性colspan：

 

 

 跨行属性rowspan：

 

完整示例：

和	标签属性：

前端工程师平均工资

城市	2014年		2015年	2016年
	上半年	下半年
北京	8000	9000	10000	12000
上海	6000	7000	8000	10000
合计	7000	8000	9000	11000

 代码运行效果如下：

 

 表格嵌套：

 

 

 

 完整示例：

    

        

            
2014年
            
2015年
            
2016年
        
        

            

                

                    

                        
上半年
                        
下半年
                    
                    

                        
6000
                        
8000
                    
                
            
            
9000
            
10000
        
    

代码运行效果：

 

 

转载于:https://www.cnblogs.com/helloCindy/p/11564823.html