明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

html tbody標(biāo)簽是塊級元素嗎?html tbody標(biāo)簽的基礎(chǔ)用法

[摘要]本篇文章主要的介紹html tbody標(biāo)簽是不是塊級元素,還有html tbody標(biāo)簽的基礎(chǔ)使用方法,接下來我們一起來看這篇關(guān)于HTML tbody標(biāo)簽的文章吧首先我們要知道什么是塊級元素和行內(nèi)元素:塊級元素,一般都是從新行開始,它可以容納行內(nèi)元素和其他塊元素,常見塊級元素比如div/p等!癴o...
本篇文章主要的介紹html tbody標(biāo)簽是不是塊級元素,還有html tbody標(biāo)簽的基礎(chǔ)使用方法,接下來我們一起來看這篇關(guān)于HTML tbody標(biāo)簽的文章吧

首先我們要知道什么是塊級元素和行內(nèi)元素:

  • 塊級元素,一般都是從新行開始,它可以容納行內(nèi)元素和其他塊元素,常見塊級元素比如div/p等!癴orm”這個快元素比較特殊,他只能來容納其他塊元素

  • 行內(nèi)元素:也叫做內(nèi)聯(lián)元素,一般都是語義級別的基本元素,內(nèi)聯(lián)元素已辦只能容納文本或者其他內(nèi)聯(lián)元素。

塊元素(block element)和內(nèi)聯(lián)元素(inline element)都是html規(guī)范中的概念。塊元素和內(nèi)聯(lián)元素的基本差異是塊元素一般都是從新行開始的。而當(dāng)加了css控制以后,塊元素可以變?yōu)閮?nèi)聯(lián)元素,內(nèi)聯(lián)元素也可以變?yōu)閴K元素。

我們先說tbody標(biāo)簽符合了塊級元素的標(biāo)準(zhǔn),所以html tbody標(biāo)簽是塊級元素?赡軙腥藛,這是怎么知道的呢。

因為下面要開始介紹tbody標(biāo)簽是個怎么樣的標(biāo)簽了:

<tbody>標(biāo)簽表格主體(正文)。該標(biāo)簽用于組合HTML表格的主體內(nèi)容。

tbody元素應(yīng)該與thead和tfoot元素結(jié)合起來使用。

thead元素用于對HTML表格中的表頭內(nèi)容進行分組,而 tfoot 元素用于對HTML表格中的表注(頁腳)內(nèi)容進行分組。

注釋:如果您使用thead、tfoot以及tbody元素,您就必須使用全部的元素。它們的出現(xiàn)次序是:thead、tfoot、tbody,這樣瀏覽器就可以在收到所有數(shù)據(jù)前呈現(xiàn)頁腳了。您必須在table元素內(nèi)部使用這些標(biāo)簽。

提示:在默認(rèn)情況下這些元素不會影響到表格的布局。不過,您可以使用 CSS 使這些元素改變表格的外觀。

詳細(xì)描述:thead、tfoot以及tbody元素使您有能力對表格中的行進行分組。當(dāng)您創(chuàng)建某個表格時,您也許希望擁有一個標(biāo)題行,一些帶有數(shù)據(jù)的行,以及位于底部的一個總計行。這種劃分使瀏覽器有能力支持獨立于表格標(biāo)題和頁腳的表格正文滾動。當(dāng)長的表格被打印時,表格的表頭和頁腳可被打印在包含表格數(shù)據(jù)的每張頁面上。

和上面塊級元素和行內(nèi)元素的介紹一結(jié)合,就能發(fā)現(xiàn)tbody標(biāo)簽到底是塊級元素還是行內(nèi)元素了。

現(xiàn)在我們來說說HTML tbody標(biāo)簽的基礎(chǔ)用法:

表格的分組顯示(Structured Table) (IExplore Only)

tbody 元素應(yīng)該與 thead 和 tfoot 元素結(jié)合起來使用。

按行分組

<thead> ... </thead> - 表的題頭(Header)

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

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

這有關(guān)于html tbody標(biāo)簽的使用實例:

<table border> 
<thead> 
<tr><th>PHP</th><th>中文</th><th>網(wǎng)</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>

這樣的代碼在瀏覽器中能出現(xiàn)什么呢?

tuyi.png

以上就是這篇關(guān)于html tbody標(biāo)簽的用法了(想學(xué)更多就來PHP中文網(wǎng),里面有你想要的任何編程課程),有問題的可以在下方提問

【小編推薦】

html中col標(biāo)簽中的漢字如何居中?html col標(biāo)簽的基本使用(內(nèi)有實例)

HTML中添加圖片的代碼是什么?html如何正確的添加圖片路徑?

以上就是html tbody標(biāo)簽是塊級元素嗎?html tbody標(biāo)簽的基礎(chǔ)用法的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。