zoukankan      html  css  js  c++  java
  • 前端:table、thead、th、tr、td

    table:表格;thead:表头;tr:行;td:单元格;th:一行的首个单元格

    tbody包含行的内容下载完优先显示,不必等待表格结束.另外,还需要注意一个地方。表格行本来是从上向下显示的。但是,应用了thead/tbody/tfoot以后,就"从头到脚"显示,不管你的行代码顺序如何。也就是说如果thead写在了tbody的后面,html显示时,还是以先thead后tbody显示。

    <table> 
        <thead> 
            <tr> 
            <th>这是在thead->tr->th里面</th> 
                <td>这是在thead->tr->td里面</td> 
            </tr> 
        </thead> 
        <tbody> 
            <tr> 
                <th>这是在thead->tr->th里面</th> 
                <td>这是在thead->tr->td里面</td> 
            </tr> 
        </tbody> 
        <tfoot> 
            <tr> 
                <th>这是在thead->tr->th里面</th> 
                <td>这是在thead->tr->td里面</td> 
            </tr> 
        </tfoot> 
    </table> 
    <table>
     <thead>
         <tr>
         <th>这是在thead->tr->th里面</th>
                <td>这是在thead->tr->td里面</td>
            </tr>
        </thead>
        <tbody>
         <tr>
          <th>这是在thead->tr->th里面</th>
                <td>这是在thead->tr->td里面</td>
            </tr>
        </tbody>
        <tfoot>
         <tr>
          <th>这是在thead->tr->th里面</th>
                <td>这是在thead->tr->td里面</td>
            </tr>
        </tfoot>
    </table>
    

      

  • 相关阅读:
    css 样式表的书写顺序
    强大的动画插件。
    百叶窗特效(用move.js库)
    jq基础
    js动态控制表单表格
    js事件对象
    js事件
    js_DOM操作
    小明年龄、成绩、名次的求解问题
    如何获取亿图中的高质量图片?
  • 原文地址:https://www.cnblogs.com/JimShi/p/11213134.html
Copyright © 2011-2022 走看看