关于tbody的用法

表格的分组显示(Structured Table) (IExplore Only)

1)按行分组

<thead> ... </thead> - 表的题头(Header)
<tbody> ... </tbody> - 表的正文(Body)
<tfoot> ... </tfoot> - 表的脚注(Footer)

例:
<table border>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

2)按列分组

<colgroup align=#> #=left, right, center

例:
<table border width=160>
<colgroup align=left>
<colgroup align=center>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

3)列的属性控制

<col span=#> #=从左数起,具有指定属性的列的列数
<col align=#> #=left, right, center

例:
<table border width=160>
<colgroup>
<col align=center span=2>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

时间: 2024-09-26 16:28:08

关于tbody的用法的相关文章

<tbody>标签的用法

IE单独推出的并得到HTML3.0规范支持的表格属性有:<THEAD> - specifies the Table head<TBODY> - specifies the Table body<TFOOT> - specifies the Table footer<COLGROUP> - used to group column alignments<COL> - used to specify individual column alignme

<tbody>的用法

IE单独推出的并得到HTML3.0规范支持的表格属性有:<THEAD> - specifies the Table head<TBODY> - specifies the Table body<TFOOT> - specifies the Table footer<COLGROUP> - used to group column alignments<COL> - used to specify individual column alignme

php支付宝接口用法分析

 这篇文章主要介绍了php支付宝接口用法,以实例形式较为详细的分析了php支付宝接口的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了php支付宝接口用法.分享给大家供大家参考.具体分析如下: 现在流行的网站支持平台,支付宝当仁不让的老大了,现在我们就来告诉你如何使用支付宝api来做第三方支付,把支付宝放到自己网站来,代码如下: alipay_config.php配置程序如下:  代码如下: <?php */ //alipay_config.php 配置程序 $int

html的DOM中Event对象onblur事件用法实例

 这篇文章主要介绍了html的DOM中Event对象onblur事件用法,实例分析了onblur事件的使用范围与对应的javascript使用技巧,需要的朋友可以参考下     本文实例讲述了html的DOM中Event对象onblur事件用法.分享给大家供大家参考.具体分析如下: onblur 事件会在对象失去焦点时发生. 语法如下: 代码如下: onblur="SomeJavaScriptCode" SomeJavaScriptCode 必需.规定该事件发生时执行的 JavaScr

table insertRow、deleteRow定义和用法总结_javascript技巧

表格有几行: var trCnt = table.rows.length; (table为Id ) 每行有几列:for (var i=0; i<trCnt; i++) table.rows[i].cells.length; javascript操作table: insertRow(),deleteRow(),insertCell(),deleteCell()方法 table.insertRow()在IE下没问题 但在firefox下就得改为table.insertRow(-1) 同样其相应的in

走进HTML5入门到精通:&lt;tbody&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <tbody> 标签 定义和用法 定义一段表格主体(正文). 使用 <tbody> 标签,可以将表格分为一个单独的部分.<tbody> 标签可将表格中的一行或几行合成一组. 虽然您可能想包括一个,甚至会在表格中包括两个或更多个 <tbody> 标签,但是我们建议最好在表格中没有<tbody> 标签. 在 <tbody> 标签中,只有 <tr

jQuery表格插件datatables用法汇总_jquery

DataTables是一个jQuery的表格插件,本文为大家分享了表格插件datatables用法,介绍了基础的部分知识,具体内容如下 一.初始化 在页面中 <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.11/css/jquery.dataTables.css&

jQuery表格插件datatables用法详解_jquery

一.Datatables简介DataTables是一个jQuery的表格插件.这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格.主要特点: 自动分页处理 即时表格数据过滤 数据排序以及数据类型自动检测 自动处理列宽度 可通过CSS定制样式 支持隐藏列 易用 可扩展性和灵活性 国际化 动态创建表格 免费的 二.如何使用在做后台的时候并没有美工和前端工程师来配合你做页面,为了显示数据并有一定的美感,我们可以使用jQuery的DataTables插件来帮助我们完

javascript window.opener的用法分析_基础知识

window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为"name"的textbox中,就可以写为: window.opener.document.getElementById("name").value = "输入的数据"; 对于javascript中的window.opener没