Rumah  >  Artikel  >  hujung hadapan web  >  html tbody标签是块级元素吗?html tbody标签的基础用法

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

寻∝梦
寻∝梦asal
2018-09-01 17:07:193642semak imbas

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

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

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

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

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

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

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

92cee25da80fac49f6fb6eec5fd2c22a标签表格主体(正文)。该标签用于组合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 元素结合起来使用。 

按行分组 

ae20bdd317918ca68efdc799512a9b39 ... 7943277d65306330563feb42dc8c705a - 表的题头(Header) 

92cee25da80fac49f6fb6eec5fd2c22a ... ca745a59da05f784b8811374296574e1 - 表的正文(Body) 

06669983c3badb677f993a8c29d18845 ... d93f946a39a259de3097f230ac6e3edf - 表的脚注(Footer) 

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

<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如何正确的添加图片路径?

Atas ialah kandungan terperinci html tbody标签是块级元素吗?html tbody标签的基础用法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn