表格标签table深入了解_经验交流

前不久为了寻找表格(table)所包含的主要标签,一直在寻找着,找到当然就是跟大家一起来分享一下。

表格标签主要包含的标签有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup,针对每个的介绍如下:

<table>
table标签可定义表格。在 <table> 标签内部,你可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。

<caption>
caption 元素可定义一个表格标题。caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

<th>
定义表格内的表头单元格。此 th 元素内部的文本通常会呈现为粗体。

<tr>
在表格中定义一行。

<td>
定义表格中的一个单元格。

<thead>
定义表格的表头。
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

<tbody>
定义一段表格主体(正文)。
使用 <tbody> 标签,可以将表格分为一个单独的部分。<tbody> 标签可将表格中的一行或几行合成一组。
虽然您可能想包括一个,甚至会在表格中包括两个或更多个 <tbody> 标签,但是我们建议最好在表格中没有 <tbody> 标签。
在 <tbody> 标签中,只有 <tr> 标签可以定义表格行。并且一旦定义,一个 <tbody> 标签就是表格中的一个独立的部分。例如不能从一个 <tbody> 跨越到另一个 <tbody> 中。
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

<tfoot>
定义表格的页脚(脚注)。

thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

<col>
定义某个表格中针对一个或多个列的属性值。您只能在表格或 colgroup 中使用此属性。

<colgroup>
定义表格列的分组。通过此元素,您可以对列进行组合以便进行格式化。此元素只有在 <table> 标签内部才是合法的。
有两种方式来使用 <colgroup> 标签:一种是对几个同样的列进行简单的定义,另一种是将几个不同的列组合起来。

PS:以上内容都是来自w3school的,因为w3school在版权信息中标注了版权所有,保留一切权利。那我也就不转不编辑了,取其中一段,然后大家可以点直接查看某个标签的详细介绍。也可以查看表格(table)的介绍。

时间: 2024-08-02 05:21:44

表格标签table深入了解_经验交流的相关文章

html工作中表格&amp;amp;lt;tbody&amp;amp;gt;标签的使用技巧_经验交流

在做页面的时候,经常要根据不同的操作来显示或隐藏一个表格中的部分内容,隐藏一行直接用<tr>标签,隐藏多行时用<tbody>就很方便. <table> <tbody id="content1"> <tr><td>表单内容</td></tr> </tbody> <tbody id="content2" style="display:none&qu

表格高级使用技巧_把表格进行到底(必看)_经验交流

1.表格的分隔线可以隐藏 <table border rules=cols cellspacing=0 align=left> 可以隐藏横向的分隔线 <table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线 <table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线 2.表格的边框不断在闪  以下方法可以令表格的边框不断在闪,很实用的

h1标签的使用技巧_经验交流

正确使用h1标签,兼顾美观与seo. 邀请好友加入

字符不会撑大表格的常见css样式_经验交流

 我现在就碰到了这样的麻烦,请问高手,有没有解决的方法,可以做到不管是纯粹的输入中文还是输入英文,或者是中英字符混输,都不会将表格撑宽?就是这几个相关css: table-layput:fixed;word-wrap:break-wrod;word-break:break-all;

【已解决】标签页刷新问题_经验交流

宝贝详情 其他信息 出价记录 留言簿 代码如下: 哈哈哈哈 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

层盖住下拉列表框问题解决方案_经验交流

IE6真的让人很郁闷.但是就目前而言,我们还是不能放弃对IE6的兼容.从下面的我的blog访问统计分析数据来看,使用IE6的还是占有绝对主流的.列表框问题解决方案_经验交流-下拉列表">本来想顺便说说web标准中这个"标准"到底是个什么东西,但是发现,还是明日另起一篇吧.因为这个不是"顺便说说"就能说清楚的.我们今天还是不如这个正题--如何让层盖住下拉列表框? 非常郁闷或者非常幸运的说一下:这个问题只会出现IE7之前那些对web标准支持不好的浏览器中

xhtml+css网页制作中常见问题解决方法_经验交流

无论是谁,在制作页面的过程都是会碰到这样或者那样的问题,出了问题就肯定要解决.解决问题的前提是要知道问题出在什么地方,对于新手来说不一定一看到问题就知道问题出在哪里.比如在IE6中"多了一只猪"的问题,对于一些问题需要更多的经验交流分享吸收后才能更好的成长. 在网络中我想大家都有提过问题,需要别人解答的时候,但往往是你的一个问题却得不到任何人给你的解答,或者说是完全被无视了.对于这个时候的你,是不是在想"难道是因为我这个问题太简单了,他们都不想回答""他们

css条件注释理论及实践源文件_经验交流

浏览器的条件注释理论,用下面一段例子来解释这个问题 (X)HTML 下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果 <!--[if IE]> <h1>您正在使用IE浏览器</h1> <![endif]--> <!--[if IE 5]> <h1>版本 5</h1> <![endif]--> <!--[if IE 5.0]> <h1>版本 5.0</h1> <

用&amp;amp;lt;TABLE&amp;amp;gt;语句来实现圆角表格可以省去制作圆角图片之苦!_经验交流

语句:  <DIV align=center> <TABLE style="TABLE-LAYOUT: fixed" height=28 cellSpacing=0 cellPadding=0 width="100%"> <TBODY> <TR height=1> <TD width=1></TD><TD width=1></TD><TD width=1>&l