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

  

 

转载于:https://www.cnblogs.com/JimShi/p/11213134.html

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值