你的位置:首页 > 软件开发 > 网页设计 > html5 表格标签 table tr td

html5 表格标签 table tr td

发布时间:2017-06-16 00:00:57
最重要的三个<table> 表格声明标签属性:boarder 边框粗细style 可配合css 使用<tr> 行标签 table row 有表就可以建行<td ...

 

最重要的三个

<table>     表格声明标签

属性:

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

<tr>    行标签 table row 有表就可以建行

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

属性:

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

html5 表格标签 table tr tdhtml5 表格标签 table tr td

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

<!-- table 是表格声明标签, tr是一行, td是一格 -->

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

<!-- board 边框属性, 值越大越粗    style是配合css一起使用的, 设置行宽px是像素为单位. -->

    <tr>                                    

        <td>第一行,第一格</td>    

        <td>第一行,第二格</td>

        <td>第一行,第三格</td>

    </tr>

    <tr>

        <td>第2行,第一格</td>

        <td>第2行,第二格</td>

        <td>第2行,第三格</td>

    </tr>

    <br>

    

    <table border="1" style="width: 300px;">    <!-- 复制的     -->

    <tr>

        <td>第一行,第一格</td>    

        <td>第一行,第二格</td>

        <td>第一行,第三格</td>

    </tr>

    <tr>

        <td>第2行,第一格</td>

        <td>第2行,第二格</td>

        <td>第2行,第三格</td>

    </tr>

    <tr>

        <td>只有一格</td>

    </tr>

    <tr>

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

    html5 表格标签 table tr td

表的结构排序<thead><tbody><tfoot>

html5 表格标签 table tr td

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

<table>

    <thead>

        <td>1</td>

    </thead>

    <tbody>

        <td>2</td>

    </tbody>

    <tfoot>

        <td>3</td>

    </tfoot>

</table>

 

<caption>    表的标题, 在框外.

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

html5 表格标签 table tr td

html5 表格标签 table tr td

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

 

<colgrounp>

html5 表格标签 table tr td

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

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

html5 表格标签 table tr td

两种正确的方法

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

html5 表格标签 table tr td html5 表格标签 table tr td

2.使用col占位符

html5 表格标签 table tr td


 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:html5 表格标签 table tr td

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。