`

HTML table内的标签

阅读更多

http://www.w3school.com.cn/tags/tag_thead.asp

HTML <thead> 标签

定义和用法

<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。

thead 元素应该与 tbodytfoot 元素结合起来使用。

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

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

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

详细描述

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

实例

带有 thead、tbody 以及 tfoot 元素的 HTML 表格:

<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>


 

以后这样使用,不要在tbody里写th了,在thead里写th.

 

后台和前台都要验证,防止通过浏览器输入,造成数据库问题

分享到:
评论

相关推荐

    HTML中table标签的总结

    总结了table一些应用在不同浏览器显示效果的问题

    html table实现复杂表头的示例代码

    在html中&lt;td&gt; 标签定义 HTML 表格中的标准单元格。  (1)rowspan 属性规定单元格可横跨的行数;  (2)colspan 属性规定单元格可横跨的列数。 &lt;html&gt; &lt;head&gt; &lt;meta ...

    html的table标签作配置,进行swing的GridBagLayout布局

    根据html的table标签作为配置文件,进行swing GridBagLayout方式的布局管理。简化swing复杂界面布局不方便,容器定位的问题。 具体思想是将tabel td等标签相关元素和属性映射成GridBagConstraints的属性值,将布局...

    用H5 的table标签制作个人简历的表格.html

    用Visual Studio Code编译器中的H5中table标签制作一个表格,这个是只用Table标签制作了一个个人简历的表格

    使用HTML开发商业网站-table标签属性课件.pptx

    &lt;table&gt;标签属性 表格 属性 描述 常用属性值 border 设置表格的边框(默认border="0"为无边框) 像素值 cellspacing 设置单元格与单元格边框之间的空白间距 像素值(默认为2像素) cellpadding 设置单元格内容与...

    Html Table 转 Div 工具

    Table to Div Tools! Just for you!

    方向键盘控制table内的input标签焦点

    添加jquery一个些函数实现使用键盘控制表格内的所有input标签的焦点的切换。

    JavaWeb——HTML基础标签table标签与form标签的学习与理解

    table标签是表格标签, border属性设置表格的边框厚度, width属性设置表格的宽度, align设置表格的对齐方式, cellspacing设置单元格的间距 tr是行标签, td是单元格标签, th是字体居中加粗的单元格标签, b是字体...

    table表格增加序号显示

    html网页 table表格增加序号显示javascript

    HTML中table表格标签的基础学习教程

    表格的标签组成HTML中的表格是由&lt;table&gt;为主体标签,浏览器会将该标签解释为一个表格。表格中的行使用标签进行定义。标签为&lt;table&gt;标签的子类,设置若干个标签可以将表格分割为若干个行。标签用于定义表格的列,标签...

    table标签使用方法

    该文件包含使用table的所有注意事项。值得大家学习。。

    浅谈html table 标签

    复制代码代码如下: &lt;table&gt; &lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;td&gt;&lt;/tr&gt; &lt;/table&gt; 2)一个标题,可能是行标题,也可能是列标题,如何区分?需要使用scope属性scope=row/col。 复制代码代码如下: &lt;table&gt;

    html标签库大全集

    html标签大全 &lt;table cellpadding=""&gt; 设置表格格子边框与其内部内容之间空间的大小 &lt;table width=""&gt; 设置表格的宽度。用绝对像素值或总宽度的百分比 &lt;table align=""&gt; 设置表格格子的水平对齐方式(left,center,...

    js 实现 用table制作的进度条

    js 实现 用table制作的进度条! 值得下载看看!资源免费,大家分享!!

    HTML基本标签属性总结

    HTML基本标签属性总结 部分内容如下:(下载可看全文) &lt;meta http-equiv="content-type" content="text/html" charset="gb2312"&gt; 4种块结构:div-ul(ol)-li 导航菜单 div-dl-dt-dd 图文混编 table-tr-td 规整...

    深入解析HTML的table表格标签与相关的换行问题

    何为table:table者Html表格也,数据之载体。下面是一个比较标准的table代码写法: XML/HTML Code复制内容到剪贴板 &lt;table u00a0border=0 cellspacing u00a0cellpadding=0 width&gt;    &lt;th&gt;Month  &lt;th&gt;Date ...

    为什么我们不建议用Table布局

    Table要比其它html标记占更多的字节。 (延迟下载时间,占用服务器更多的流量资源。) Tablle会阻挡浏览器渲染引擎的渲染顺序。 (会延迟页面的生成速度,让用户等待更久的时间。) Table里显示图片时需要你把单个、有...

    table布局练习.html

    是同学老师布置的一个作业,作业要求是用DW做,我拿来写代码练手了,因为我还没有系统的学习完看起来有点乱,至少在命名规范这一方面,而且很多HTML5不在用的标签也在用,是跟着作业要求一步一步来的。我最后还是用...

    table2excel.js

    前端table 标签导出成excel

    flink-table-common-1.12.7-API文档-中文版.zip

    标签:apache、flink、table、common、中文文档、jar包、java; 使用方法:解压翻译后的API文档,用浏览器打开“index.html”文件,即可纵览文档内容。 人性化翻译,文档中的代码和结构保持不变,注释和说明精准翻译...

Global site tag (gtag.js) - Google Analytics