`
Hermosa_Young
  • 浏览: 248410 次
  • 来自: 上海
社区版块
存档分类
最新评论

tbody thead tfoot

    博客分类:
  • Html
阅读更多
<%@ 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中使用!

 

参考地址:http://www.w3school.com.cn/tags/tag_tbody.asp

  • 大小: 32.1 KB
分享到:
评论

相关推荐

    使用thead、tfoot、 tbody制作一个表格

    还有人很变态地用这三个标签做出标题能跟随表格,或者tbody固定高度,走出自动...thead、tfoot 以及 tbody标签&lt;/title&gt; ”1″&gt; &lt;thead&gt; &lt;tr&gt; 科目&lt;/th&gt; 分数&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; 语文&lt;/td&gt; &lt;td&gt;9

    table CSS制作好看的网页表格

    2.thead, tbody, tfoot thead, tbody, tfoot使网页设计人员能够将表格划分为罗辑部分.例如,可以将所有列标题放在thead元素中,这样就能够对这个特殊区域单独应用样式.如果选择使用thead或tfoot元

    CSS里元素初始化文件html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,

    对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的初始化

    HTML标签tbody的用法与说明

    tbody 元素应该与 thead 和 tfoot 元素结合起来使用。  表格的分组显示(Structured Table) (IExplore Only) 一、按行分组 &lt;thead&gt; … &lt;/thead&gt; – 表的题头(Header) &lt;tbody&gt; … &lt;/tbody&gt; – 表的正文(Body) ...

    初级html代码学习.zip

    006-HTML的表格-thead tbody tfoot 007-背景颜色和背景图片 008-图片 009-超链接或热链接 010-列表 011-表单form 012-用户注册的表单 013-下拉列表支持多选 014-file控件 015-readonly和disabled 016-input控件的...

    HTML thead 标签定义和用法详细介绍

    thead 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容,thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组,需要的朋友可以参考下

    cutz:'cutz'削减类似于linux削减

    可选输出变体: html(带有可选的thead,tbody和tfoot的表记录); 其他html属性是可能的文字(对齐;如果与thead和tfoot一起使用,则为特殊ansi)选项-f, --fields LIST选择字段-c, --characters LIST characters ...

    jQuery导出excel表格文件pdf文件CSV文件代码.zip

    代码片段: &lt;body&gt;...&lt;thead&gt; 事件ID 员工ID 标题 &lt;th&gt;URL 开始时间 &lt;/thead&gt; &lt;tbody&gt; &lt;/tbody&gt; &lt;tfoot&gt; 事件ID 员工ID 标题 &lt;th&gt;URL 开始时间 &lt;/tfoot&gt; &lt;/table&gt;

    html tbody 用法

    表格的分组显示(Structured Table) (IExplore Only) 1)按行分组 &lt;thead&gt; … &lt;/thead&gt; – 表的题头(Header) &lt;tbody&gt; … &lt;/tbody&gt; – 表的正文(Body) &lt;tfoot&gt; … &lt;/tfoot&gt; – 表的脚注(Footer) 例: &lt;table&gt; &lt;thead...

    IE bug table元素的innerHTML

    首先时飘忽不定的collapse的border,ie6偏偏有一个地方与其他浏览器表现不同,一条丑陋的border不管怎么样都显示... 同样为只读的元素还有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, T

    css 清除浏览器默认样式

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

    HTML5和CSS3价格表翻转切换动画特效.zip

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

    最大限度的分离table的样式与结构

    但CSS+XHTML的兴起,使很多人开始妖魔化table这一标签,甚至以页面中是否有table...比如,thead,tr,th,td,tbody,tfoot,colgroup,scope.而本文正是利用这些属性,把样式从table中分离出来.请看下图:这是一个有6种背景色的tab

    DesarrolloWeb-Grupo10:网站开发Html5,Css3和JavaScript(第10版)

    更多标签(dl,dt,dd,图,figcaption,表格,thead,tbody,tfoot,tr,th,td,标题,页眉,页脚,导航,主要,部分,文章,一旁,地址,形式,标签,输入(及其不同类型)和按钮(及其不同类型) 在Github上...

    原生js实现表格翻页和跳转

    本文实例为大家分享了js实现表格翻页和跳转的具体代码,供大家参考,具体内容如下 js代码里的row_num变量是显示数据的行数,修改后可改变每页显示的数量。... &lt;tbody&gt;&lt;/tbody&gt; &lt;tfoot&gt; &lt;input type=button n

    表格标签(table)深入了解

    表格标签主要包含的标签有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup,针对每个的介绍如下: &lt;table&gt;table标签可定义表格。在 &lt;table&gt; 标签内部,你可以放置表格的标题、表格行、表格列、表格...

    分页 servlet

    &lt;thead&gt; &lt;td width="10%"&gt;Article ID &lt;td width="70%"&gt;Article Title &lt;td colspan="3"&gt;Actions &lt;/thead&gt; &lt;tbody&gt; ${entryList}" var="entry"&gt; ${entry.entryID} ${entry.title} ...

    浅谈Html网页表格结构化标记的应用

    在讲网页表格的结构化标记之前,还是先看几幅图片。 ...所谓的结构化,正如上述第一副图所示,就是把我们的表格划分为三种:表头、表体、表尾。从而当我们在修改表体部分的时候,... &lt;tfoot&gt;…&lt;/tfoot&gt;————表尾区 

Global site tag (gtag.js) - Google Analytics