table表格?

table

完整的table表格包括thead(头部)、tbody(身体)、tfoot(尾部),每一行用tr来表示,tr里面的每个单元格用td来表示,tr里面只能放td,如果是标题,我们用th代替,td里面可以放其它的比如:span 1.完整形式的表格

"en">

    "UTF-8">
    



"1" cellpadding="20" cellspacing="0">
    
成绩表
    

    
语文
    
数学
    
外语
    
    

    

        
222
        
222
        
222
    
    

        
222
        
222
        
222
    
    

        
222
        
222
        
222
    
    
    

    

        
111
        
111
        
111
    
    

        
111
        
111
        
111
    
    

        
111
        
111
        
111
    
    


"1" cellpadding="20" cellspacing="20">
    
成绩表1
    

        
语文
        
数学
        
外语
    
    

        
71
        
82
        
63
    
    

        
71
        
82
        
63
    
    

        
71
        
82
        
63
    



复制代码

2.简单形式的表格

"en">

    "UTF-8">
    
    


"1">
    
成绩表

    

        
语文

        
数学
        
英语
    
    

        
100
        
100
        
100
    
    

        
100
        
100
        
100
    
    

        
100
        
100
        
100
    



复制代码

总结:

• border="1",表格的边框线为1px
• cellpadding="20",单元格的内填充
• cellspacing="20",单元格与单元格之间的间距
• 在样式中加入,table-layout:fixed,平均分布;(前提必须有宽度)
• rowspan:跨行合并
• colspan:跨列合并

面试题:完整写法的table和简写table的区别?

• 更加语义化,更利于搜索引擎搜索
• 即使我们手动更换、、的位置,但是在浏览器中,他们的位置依然正常,所以即使我们的代码顺序没按照正常的写,也是可以的,但是我们通常不这样做,这样的话,浏览器就又重新加载一次