<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <style type="text/css"> thead {color: red;} tfoot {color: blue;} tbody {color: black;} </style> </head> <body> <table border="2" align="center" width="40%" > <thead><tr><th></th><th scope="col">项目</th><th scope="col">价格</th></tr></thead> <tfoot><tr><th colspan="3">form XXX</th><tr></tfoot> <tbody align="center"> <tr ><td>2014-03-21</td><td >饮料</td><td >3.0</td></tr> <tr ><td>2014-03-21</td><td >饼干</td><td >13.0</td></tr> </tbody> </table> </body> </html>
效果图:
注意:tbody thead tfoot 要在table中使用!
相关推荐
还有人很变态地用这三个标签做出标题能跟随表格,或者tbody固定高度,走出自动...thead、tfoot 以及 tbody标签</title> ”1″> <thead> <tr> 科目</th> 分数</th> </tr> </thead> <tbody> <tr> 语文</td> <td>9
2.thead, tbody, tfoot thead, tbody, tfoot使网页设计人员能够将表格划分为罗辑部分.例如,可以将所有列标题放在thead元素中,这样就能够对这个特殊区域单独应用样式.如果选择使用thead或tfoot元
对css里的元素如:html, body, div, ... strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td的初始化
tbody 元素应该与 thead 和 tfoot 元素结合起来使用。 表格的分组显示(Structured Table) (IExplore Only) 一、按行分组 <thead> … </thead> – 表的题头(Header) <tbody> … </tbody> – 表的正文(Body) ...
006-HTML的表格-thead tbody tfoot 007-背景颜色和背景图片 008-图片 009-超链接或热链接 010-列表 011-表单form 012-用户注册的表单 013-下拉列表支持多选 014-file控件 015-readonly和disabled 016-input控件的...
thead 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容,thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组,需要的朋友可以参考下
可选输出变体: html(带有可选的thead,tbody和tfoot的表记录); 其他html属性是可能的文字(对齐;如果与thead和tfoot一起使用,则为特殊ansi)选项-f, --fields LIST选择字段-c, --characters LIST characters ...
代码片段: <body>...<thead> 事件ID 员工ID 标题 <th>URL 开始时间 </thead> <tbody> </tbody> <tfoot> 事件ID 员工ID 标题 <th>URL 开始时间 </tfoot> </table>
表格的分组显示(Structured Table) (IExplore Only) 1)按行分组 <thead> … </thead> – 表的题头(Header) <tbody> … </tbody> – 表的正文(Body) <tfoot> … </tfoot> – 表的脚注(Footer) 例: <table> <thead...
首先时飘忽不定的collapse的border,ie6偏偏有一个地方与其他浏览器表现不同,一条丑陋的border不管怎么样都显示... 同样为只读的元素还有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, T
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,...
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, ...
但CSS+XHTML的兴起,使很多人开始妖魔化table这一标签,甚至以页面中是否有table...比如,thead,tr,th,td,tbody,tfoot,colgroup,scope.而本文正是利用这些属性,把样式从table中分离出来.请看下图:这是一个有6种背景色的tab
更多标签(dl,dt,dd,图,figcaption,表格,thead,tbody,tfoot,tr,th,td,标题,页眉,页脚,导航,主要,部分,文章,一旁,地址,形式,标签,输入(及其不同类型)和按钮(及其不同类型) 在Github上...
本文实例为大家分享了js实现表格翻页和跳转的具体代码,供大家参考,具体内容如下 js代码里的row_num变量是显示数据的行数,修改后可改变每页显示的数量。... <tbody></tbody> <tfoot> <input type=button n
表格标签主要包含的标签有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup,针对每个的介绍如下: <table>table标签可定义表格。在 <table> 标签内部,你可以放置表格的标题、表格行、表格列、表格...
<thead> <td width="10%">Article ID <td width="70%">Article Title <td colspan="3">Actions </thead> <tbody> ${entryList}" var="entry"> ${entry.entryID} ${entry.title} ...
在讲网页表格的结构化标记之前,还是先看几幅图片。 ...所谓的结构化,正如上述第一副图所示,就是把我们的表格划分为三种:表头、表体、表尾。从而当我们在修改表体部分的时候,... <tfoot>…</tfoot>————表尾区