table表格

table是HTML中的表格标签、双标签、块级元素,table标签中一般嵌套专用标签有:

  表格标题 caption 标签

  表头 thead 标签

  主体 tbody 标签

  页脚 tfoot 标签

    行标签 tr 标签

      单元格 td 标签

      标题单元格 th 标签

 (缩进层级,是他们的嵌套关系,table最外层,caption、thead、tbody、tfoot同级,他们的下一级只有tr,在下一级才是td、th标签)

<table>
  <caption></caption>
      <thead>
          <tr>
              <th></th>
              <th></th>
              <th></th>
              <th></th>
              <th></th>
          </tr>
      </thead>
      <tbody>
          <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          </tr>
      </tbody>
      <tfoot>
          <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          </tr>
      </tfoot>
  </table>

表格标题 caption 标签

  caption 标签写在 table 标签下第一层级(子级),标签内文字居中

<table border='1'>
      <caption>table标题</caption>
      <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
      </tr>
</table>

标题单元格 th 标签

  th 标签和 td 标签是同级标签,是 table 标签的后代标签,tr 的子级标签,标签内字体加粗

<table border='1'>
      <tr>
            <th>th标签</th>
            <th>th标签</th>
            <th>th标签</th>
            <th>th标签</th>
            <th>th标签</th>
      </tr>
</table>

表格一般用于数据可视化、逻辑分析等使用场景。

posted @ 2020-11-08 17:47  调用Function  阅读(464)  评论(0编辑  收藏  举报