html5 表格标签 table tr td

 

最重要的三个

     表格声明标签

属性:

  1. boarder    边框粗细
  2. style    可配合css 使用

    行标签 table row 有表就可以建行

                                    

        

    

        

        

    

    

        

        

        

    

    

    

     border="1" style="width: 300px;">    

    

        

    

        

        

    

    

        

        

        

    

    

        

    

    

         colspan="3">只有一格,共占3格

    html5 表格标签 table tr td_第3张图片

表的结构排序

有多行, 有时候数据很多, 不一定能顾及前后, thead等的语义就是强制吧thead包括的内容全部调到第一展示. 而tfoot调到最后. 这是一个编程的规范

    单元格标签 table data     有行就可以建数据

属性:

  1. colspan    data占用格子, 或者可以理解为这个单元格要合并多少个横向的单元格.
  2. rowspan    纵向占用格子…

html5 表格标签 table tr td_第1张图片html5 表格标签 table tr td_第2张图片

    tablehead    单元格表头, 特殊类td, 由于表头的文字都会居中加粗, 是有一点不一样.

border="1" style="width: 300px;">    

    

第一行,第一格 第一行,第二格 第一行,第三格
第2行,第一格 第2行,第二格 第2行,第三格
第一行,第一格第一行,第二格 第一行,第三格
第2行,第一格 第2行,第二格 第2行,第三格
只有一格

    

        

    

    

        

    

    

        

    

1
2
3

 

    表的标题, 在框外.

background    通用属性, 用于颜色控制

html5 表格标签 table tr td_第4张图片

html5 表格标签 table tr td_第5张图片

注,此方法设置列的颜色行不通.

 

这个只能设置第一列是红色, 不能设置指定列的颜色.

如果是span =2>         span=2 只能是前两列而不是第二列

两种正确的方法

1.先设置第一列的颜色,在设置第二列颜色

2.使用col占位符

html5 表格标签 table tr td_第6张图片

转载于:https://www.cnblogs.com/billvvv/p/7016868.html

你可能感兴趣的:(html5 表格标签 table tr td)