table表格?

table

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


"en">

    "UTF-8">
    36.table



"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">
    37.table1
    


"1">
    
成绩表
语文 数学 英语
100 100 100
100 100 100
100 100 100
复制代码

总结:

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

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

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

你可能感兴趣的:(table表格?)