关于html表格的分组

关于html表格的分组,第1张

这几个标签分别是<thead></thead>:表头标签 <tbody></tbody>:表格主题标签<tfoot></tfoot>尾注标签,他们组成了html文档的表格按行分组。其中尾注标签很少用。<thead>

标签是成对出现的,其标签内是由表头标签标识的表头元素。<tbody>标签用于规定表格主体部分的元素,可多次出现。<thead></thead> 和 <tbody></tbody>标签的属性和<th></th>和<td></td>标签是一样的

不是,直视没写时浏览器会直接帮我们创建这些标签所对应的对象。

1、<tbody>标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容。tbody 元素应该与 thead 和 tfoot 元素结合起来使用。thead 元素用于对 HTML 表格中的表头内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。

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

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

4、thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

实例如下:

<table border="1">

  <thead>

    <tr>

      <th>Month</th>

      <th>Savings</th>

    </tr>

  </thead>

  <tfoot>

    <tr>

      <td>Sum</td>

      <td>$180</td>

    </tr>

  </tfoot>

  <tbody>

    <tr>

      <td>January</td>

      <td>$100</td>

    </tr>

    <tr>

      <td>February</td>

      <td>$80</td>

    </tr>

  </tbody>

</table>

<table border="1" width="100%" cellspacing="0" cellpadding="0" height="195">

<tr>

<td rowspan="2">区域一</td>

<td rowspan="2">区域二</td>

<td>区域三</td>

</tr>

<tr>

<td>区域四</td>

</tr>

</table>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zaji/6186162.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存