thead,theadvantagesanddisadvantages

http://www.itjxue.com  2023-01-22 13:24  来源:未知  点击次数: 

html中th与thead的详细区别

HTML中的table可以大致分为三个部分:

thead ----------表头

tbody ----------表躯干

tfoot ----------表注

一般来说:数据的标题放在thead里面,数据放在tbody里面,表格的注释放在tfoot里面。

thead, tbody, tfoot三个标签的使用目的是把一个表格分成三个大的部分,每个部分存放不同的东西,这样这个表格就会比较有结构。所以说:thead, tbody, tfoot相当于三间房子,每间房子都可以用来放东西,主要是把比较相同的东西放在一个房间,这样就容易区分。

tr/tr这个标签就是放在三间房子里面的东西,每一个tr/tr就是表格一行,你如果打开一张Excel表格就会发现每张表格都是一行一行的。表格的每一行都分为一个一个的小格子,这个就叫------单元格。每一个单元格就是用来存放数据的,这个数据分为两种:一,数据的名称;二,数据本身。

比如一张课程表:

星期一 星期二

8:00 语文 数学

10:00 历史 政治

其中的“星期一” “星期二” “8:00” “10:00” “语文” “数学” “历史” “政治”都是数据,却在于,“星期一” “星期二” “8:00” “10:00”等于数据的名称,“语文” “数学” “历史” “政治”才是真正的数据。

在HTML中,为了把数据名称和真正的数据区别开来,用th/th表示数据的名称,也就是标题。td/td表示真正的数据内容。所以,以上的那张表格如果用HTML写,那么“星期一” “星期二” “8:00” “10:00”都放在th/th里面;“语文” “数学” “历史” “政治”则放在td/td里面。

标签怎么用?

thead 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。

thead 元素应该与 tbody 和 tfoot 元素结合起来使用。

tbody 元素用于对 HTML 表格中的主体内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。

以上内容参考自:

个人观点:

说白了,使用这些标签就是使表格代码结构化,让表格的代码结构更清晰,看起来一目了然。但在实际运用中,是可以省略不写的。

希望帮助到你,有疑问可以追问,尽我所能为你解答!

html的thead标签怎么显示

thead 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。

thead 元素应该与?tbody?和?tfoot?元素结合起来使用。

tbody 元素用于对 HTML 表格中的主体内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。

注释:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。

提示:在默认情况下这些元素不会影响到表格的布局。不过,您可以使用 CSS 使这些元素改变表格的外观。

例子:

html

head

style type="text/css"

thead {color:green}

tbody {color:blue;height:50px}

tfoot {color:red}

/style

/head

body

table border="1"

thead

? tr

? ? thMonth/th

? ? thSavings/th

? /tr

/thead

tbody

? tr

? ? tdJanuary/td

? ? td$100/td

? /tr

? tr

? ? tdFebruary/td

? ? td$80/td

? /tr

/tbody

tfoot

? tr

? ? tdSum/td

? ? td$180/td

? /tr

/tfoot

/table

/body

/html

运行结果:

(责任编辑:IT教学网)

更多

相关Painter教程文章

推荐Painter教程文章