html tbody标签是块级元素吗?html tbody标签的基础用法


本文摘自PHP中文网,作者寻∝梦,侵删。

本篇文章主要的介绍html tbody标签是不是块级元素,还有html tbody标签的基础使用方法,接下来我们一起来看这篇关于HTML tbody标签的文章吧

首先我们要知道什么是块级元素和行内元素:

  • 块级元素,一般都是从新行开始,它可以容纳行内元素和其他块元素,常见块级元素比如div/p等。“form”这个快元素比较特殊,他只能来容纳其他块元素

  • 行内元素:也叫做内联元素,一般都是语义级别的基本元素,内联元素已办只能容纳文本或者其他内联元素。

块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都是从新行开始的。而当加了css控制以后,块元素可以变为内联元素,内联元素也可以变为块元素。

我们先说tbody标签符合了块级元素的标准,所以html tbody标签是块级元素。可能会有人问,这是怎么知道的呢。

因为下面要开始介绍tbody标签是个怎么样的标签了:

<tbody>标签表格主体(正文)。该标签用于组合HTML表格的主体内容。

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

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

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

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

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

和上面块级元素和行内元素的介绍一结合,就能发现tbody标签到底是块级元素还是行内元素了。

现在我们来说说HTML tbody标签的基础用法:

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

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

按行分组

<thead> ... </thead> - 表的题头(Header)

<tbody> ... </tbody> - 表的正文(Body)

<tfoot> ... </tfoot> - 表的脚注(Footer)

这有关于html tbody标签的使用实例:

1

2

3

4

5

6

7

8

9

<table border>

<thead>

<tr><th>PHP</th><th>中文</th><th>网</th></tr>

</thead>

<tbody>

<tr><td>很</td><td>实</td><td>用</td></tr>

<tr><td>p</td><td>h</td><td>p</td></tr>

</tbody>

</table>

这样的代码在浏览器中能出现什么呢?

tuyi.png

以上就是这篇关于html tbody标签的用法了(想学更多就来PHP中文网,里面有你想要的任何编程课程),有问题的可以在下方提问

【小编推荐】

html中col标签中的汉字如何居中?html col标签的基本使用(内有实例)

HTML中添加图片的代码是什么?html如何正确的添加图片路径?

以上就是html tbody标签是块级元素吗?html tbody标签的基础用法的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html怎样设置按钮大小

html怎么通过id获得背景色

html p标签怎么换行?html p标签添加br换行标签的应用

html中图片显示方式-----img与background的区别

html如何加入css样式

html怎样使用超链接打开新窗口并且控制该窗口属性

html实现海康摄像头实时监控功能_html/xhtml_网页制作

关于html valign属性的作用和使用方法详解(附使用方法实例)

html中图片显示不出来怎么办

html怎么转换成pdf

更多相关阅读请进入《tbody》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...