zoukankan      html  css  js  c++  java
  • 【HTML】table元素

    1.最简单的table

    <table>

      <tr>

        <th></th>

      </tr>

      <tr>

        <td></td>

      </tr>

    </table>

    2.结构标签

    <thead><tbody><tfoot>

    <thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。应该与 tbody 和 tfoot 元素结合起来使用。

    tbody 元素用于对 HTML 表格中的主体内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。

    thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。

    这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

    注意事项:

      a.如果使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。

      b.必须在 table 元素内部使用这些标签。

      c.在默认情况下这些元素不会影响到表格的布局。不过,可以使用 CSS 使这些元素改变表格的外观。

      d.<thead> 内部必须拥有 <tr> 标签!

     

    <thead>、<tbody> 以及 <tfoot> 很少被使用,这是因为糟糕的浏览器支持。

     

    3.表格属性 

    属性描述
    align
    • right
    • left
    • center
    • justify
    • char
    定义元素中内容的对齐方式。<thead> <tbody><tr>都支持
    char character 规定根据哪个字符来进行文本对齐。几乎没有浏览器支持这个属性。
    charoff number 规定第一个对齐字符的偏移量。几乎没有浏览器支持这个属性。
    valign
    • top
    • middle
    • bottom
    • baseline
    规定元素中内容的垂直对齐方式。<thead> <tbody><tr>都支持
    计划、执行、每天高效的活着学着
  • 相关阅读:
    2020-2-21 牛客试题复盘
    Java核心技术36讲读书笔记(5~8讲)
    2020-2-21 牛客试题复盘
    Java核心技术36讲读书笔记(1~4讲)
    2020-2-20 牛客试题复盘
    2020-2-19 牛客试题复盘
    2020-2-18 牛客试题复盘
    P4213 【模板】杜教筛(Sum)
    「SDOI2015」约数个数和(莫比乌斯反演)
    Crash的数字表格(莫比乌斯反演)
  • 原文地址:https://www.cnblogs.com/huxiaoyun90/p/3668768.html
Copyright © 2011-2022 走看看