http://www.w3school.com.cn/tags/tag_thead.asp
HTML <thead> 标签
定义和用法
<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。
thead 元素应该与 tbody
和 tfoot
元素结合起来使用。
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.
后台和前台都要验证,防止通过浏览器输入,造成数据库问题
分享到:
相关推荐
总结了table一些应用在不同浏览器显示效果的问题
在html中<td> 标签定义 HTML 表格中的标准单元格。 (1)rowspan 属性规定单元格可横跨的行数; (2)colspan 属性规定单元格可横跨的列数。 <html> <head> <meta ...
根据html的table标签作为配置文件,进行swing GridBagLayout方式的布局管理。简化swing复杂界面布局不方便,容器定位的问题。 具体思想是将tabel td等标签相关元素和属性映射成GridBagConstraints的属性值,将布局...
用Visual Studio Code编译器中的H5中table标签制作一个表格,这个是只用Table标签制作了一个个人简历的表格
<table>标签属性 表格 属性 描述 常用属性值 border 设置表格的边框(默认border="0"为无边框) 像素值 cellspacing 设置单元格与单元格边框之间的空白间距 像素值(默认为2像素) cellpadding 设置单元格内容与...
Table to Div Tools! Just for you!
添加jquery一个些函数实现使用键盘控制表格内的所有input标签的焦点的切换。
table标签是表格标签, border属性设置表格的边框厚度, width属性设置表格的宽度, align设置表格的对齐方式, cellspacing设置单元格的间距 tr是行标签, td是单元格标签, th是字体居中加粗的单元格标签, b是字体...
html网页 table表格增加序号显示javascript
表格的标签组成HTML中的表格是由<table>为主体标签,浏览器会将该标签解释为一个表格。表格中的行使用标签进行定义。标签为<table>标签的子类,设置若干个标签可以将表格分割为若干个行。标签用于定义表格的列,标签...
该文件包含使用table的所有注意事项。值得大家学习。。
复制代码代码如下: <table> <tr><th></th></tr> <tr><td><td></tr> </table> 2)一个标题,可能是行标题,也可能是列标题,如何区分?需要使用scope属性scope=row/col。 复制代码代码如下: <table>
html标签大全 <table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小 <table width=""> 设置表格的宽度。用绝对像素值或总宽度的百分比 <table align=""> 设置表格格子的水平对齐方式(left,center,...
js 实现 用table制作的进度条! 值得下载看看!资源免费,大家分享!!
HTML基本标签属性总结 部分内容如下:(下载可看全文) <meta http-equiv="content-type" content="text/html" charset="gb2312"> 4种块结构:div-ul(ol)-li 导航菜单 div-dl-dt-dd 图文混编 table-tr-td 规整...
何为table:table者Html表格也,数据之载体。下面是一个比较标准的table代码写法: XML/HTML Code复制内容到剪贴板 <table u00a0border=0 cellspacing u00a0cellpadding=0 width> <th>Month <th>Date ...
Table要比其它html标记占更多的字节。 (延迟下载时间,占用服务器更多的流量资源。) Tablle会阻挡浏览器渲染引擎的渲染顺序。 (会延迟页面的生成速度,让用户等待更久的时间。) Table里显示图片时需要你把单个、有...
是同学老师布置的一个作业,作业要求是用DW做,我拿来写代码练手了,因为我还没有系统的学习完看起来有点乱,至少在命名规范这一方面,而且很多HTML5不在用的标签也在用,是跟着作业要求一步一步来的。我最后还是用...
前端table 标签导出成excel
标签:apache、flink、table、common、中文文档、jar包、java; 使用方法:解压翻译后的API文档,用浏览器打开“index.html”文件,即可纵览文档内容。 人性化翻译,文档中的代码和结构保持不变,注释和说明精准翻译...