前端: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>

  

 

posted @ 2019-07-19 14:37  悦风旗下  阅读(5300)  评论(0编辑  收藏  举报