thead,tbody,tfoot标签的使用

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

                                                                                                           运行结果:                         

<html>                            thead:<thead> 内部必须拥有 <tr> 标签!

<head>                                                                                                 tbody
<style type="text/css">
thead {color:green}                                                                               tfoot
tbody {color:blue;height:50px}
tfoot {color:red}                                                                                     
</style>
</head>
<body>

<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>

</body>
</html>

时间: 2024-10-27 17:28:36

thead,tbody,tfoot标签的使用的相关文章

html-3,table 表格标签 tr th td caption thead tbody tfoot 的简单使用

1 <!-- 2 table border='1' style="border-collapse:collapse;" 3 border 表格的像素宽度 4 border-collapse:collapse 为表格设置合并边框模型 5 tr 表格行 一个tr包含多个th 或td 6 th 表示居中加粗 7 td 表格描述(默认正常显示) 8 9 caption 标题独占一行 在表格外面 10 thead tbody tfoot 无论顺序是怎么写的 他会自动按这个顺序展示 11 -

table 中 thead tbody tfoot 加载顺序问题

这几个标记主要是用于提高table标签的加载以及显示的,说白了,就是分布加载.在传统的浏览器,在加载 时,是当所有的标签中元素都被下载后才会显示,当然这样的用户体验是不好的.再加入了这几个t打头的标签后,table就会分布的加载table中的元素,顺序依据写在table中的标签顺序进行. 为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时,table是作为一个整体解释的,使用TBODY可以优化显示.如果表格很长,用tbody分段,可以一部分一部分地显示,不用等整个

HTML 表格&lt;table&gt;&lt;caption&gt;&lt;th&gt;&lt;tr&gt;&lt;td&gt;&lt;thead&gt;&lt;tbody&gt;&lt;tfoot&gt;&lt;col&gt;&lt;colgroup&gt;

<table>标签: 定义和用法: <table>标签定义HTML表格. 简单的HTML表格由table元素以及一个或多个tr.th或td元素组成. tr元素定义表格行,th元素定义表头,td元素定义表格单元. 可选的属性: 1.border 值:pixels       规定表格边框的宽度. 2.cellpadding 值:pixels或%     规定单元边沿与内容之间的空白. 3.cellspacing   值:pixels或%   规定单元格之间的空白. 4. frame

HTML DOM table标签(对象)中的tbody、thead、tfoot自动生成的小经验

一个<table>对象中, 1.当里面即使不写有<tbody>标签,但含有一个或以上个<tr>标签(或<tr></tr>或<td>或<td></td>或<th>或<th></th>)时, <table>对象会默认有一层<tbody></tbody>.(如里面不写有thead标签,不会默认生成thead.tfoot同理). 2.当里面不写有&

设置GridView、DataGrid 以提供thead、tbody等标签

一.简述 做项目用到了GridView.DataGrid(原谅公司,既然还用DataGrid => 又从以前的项目中搬代码 - - !!! ).然后想为其增加 thead.tbody 好兼容JQuery的js插件. 二.内容 GridView代码 GridView1.DataSource = fakeDataTable; GridView1.DataBind(); GridView1.HeaderRow.TableSection = TableRowSection.TableHeader; Da

html系列教程--span style 及表格标签 title video

<span> 标签:非块状元素,用于文本描述 <style> 标签:内联样式表标签定义样式信息,必须写明type类型为text/css,建议写在head中,不是必须 demo: <style type="text/css"> h1 {color:red} p {color:blue} </style> <table> 标签:表格标签 <tr>标签:折行标签 <td>标签:表格内容标签 demo: <

HTML系列(八):表格

一.基本表格: 表格标记<table>,行标记<tr>,单元格标记<td> 基本语法: <table> <tr> <td>单元格内文字</td> <td>单元格内文字</td> ...... </tr> <tr> <td>单元格内文字</td> <td>单元格内文字</td> ...... </tr> ......

table标签中thead、tbody、tfoot的作用

为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时,table是作为一个整体解释的,使用tbody可以优化显示.如果表格很长,用tbody分段,可以一部分一部分地显示,不用等整个表格都下载完成.下载一块显示一块,表格巨大时有比较好的效果. tbody.tfoot.thead一般来说用得不是很多,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头.正文和脚注.而这三部分分别用: thead, tbody, t

table表格类标签的应用

主要需要掌握标签: <table>  <tr>  <th>  <td>  <caption> 主要要掌握的标签属性: rowspan  colspan  frame(void  above  below  hsides  vsides  lhs  rhs  box  border )  border  rules(none  groups  rows  cols  all)  summary  width cellpadding  cellspa