• 技术文章 >web前端 >前端问答

    html tbody标签怎么用

    藏色散人藏色散人2019-05-28 10:52:10原创1970

    html tbody标签用于组合HTML表格的主体内容,tbody元素应该与thead和tfoot元素结合起来使用。如果您使用thead、tfoot以及 tbody元素,您就必须使用全部的元素。

    html tbody标签怎么用?

    作用:组合 HTML 表格的主体内容。

    说明:tbody 元素应该与 thead 和 tfoot 元素结合起来使用。如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。

    注释:在默认情况下这些元素不会影响到表格的布局。不过,您可以使用 CSS 使这些元素改变表格的外观。<thead> 内部必须拥有 <tr> 标签!<thead>、<tbody> 以及 <tfoot> 很少被使用,这是因为糟糕的浏览器支持。

    html tbody标签使用示例

    <html>
    <head>
    <style type="text/css">
    thead {color:green}
    tbody {color:blue;height:50px}
    tfoot {color:red}
    </style>
    </head>
    <body>
    <table border="1">
      <thead>
        <tr>
          <th>Month</th>
          <th>Savings</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>January</td>
          <td>$100</td>
        </tr>
        <tr>
          <td>February</td>
          <td>$80</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td>Sum</td>
          <td>$180</td>
        </tr>
      </tfoot>
    </table>
    </body>
    </html>

    效果输出:

    6cfcd21e3cff4af46d7b674bbcb80c3.png

    以上就是html tbody标签怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html tbody
    上一篇:html summary标签怎么用 下一篇:html var标签怎么用
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• html strike标签怎么用• html html标签怎么用• html summary标签怎么用• html h1-h6标签怎么用
    1/1

    PHP中文网