Home Web Front-end HTML Tutorial Is the html tbody tag a block-level element? Basic usage of html tbody tag

Is the html tbody tag a block-level element? Basic usage of html tbody tag

Sep 01, 2018 pm 05:07 PM
html

This article mainly introduces whether the html tbody tag is a block-level element, and the basic usage of the html tbody tag. Next, let’s take a look at this article about the HTML tbody tag

First we need to know what block-level elements and inline elements are:

  • Block-level elements usually start from a new line, which can accommodate Inline elements and other block elements, common block-level elements such as div/p, etc. The fast element "form" is quite special. It can only accommodate other block elements

  • Inline elements: also called inline elements, generally at the semantic level Basic elements and inline elements can only hold text or other inline elements.

Block element (block element) and inline element (inline element) are both concepts in the HTML specification. The basic difference between block elements and inline elements is that block elements generally start on a new line. When CSS control is added, block elements can become inline elements, and inline elements can also become block elements.

Let’s first say that the tbody tag meets the standards of block-level elements, so the html tbody tag is a block-level element. Some people may ask, how do you know this?

Because the following is about to introduce what the tbody tag is:

Tag table body (text). This tag is used to combine the main content of the HTML table.

The tbody element should be used in conjunction with thead and tfoot elements.

Thethead element is used to group the header content in the HTML table, while the tfoot element is used to group the table note (footer) content in the HTML table.

Note: If you use thead, tfoot, and tbody elements, you must use all elements. They appear in the order: thead, tfoot, tbody, so that the browser can render the footer before receiving all the data. You must use these tags inside the table element.

Tip: By default these elements will not affect the layout of the table. However, you can use CSS to make these elements change the appearance of the table.

Detailed description: Thead, tfoot, and tbody elements give you the ability to group rows in a table. When you create a table, you probably want to have a header row, some rows with data, and a total row at the bottom. This division gives the browser the ability to support table body scrolling independently of table headers and footers. When long tables are printed, the table header and footer can be printed on each page that contains the table data.

Combined with the above introduction of block-level elements and inline elements, you can find out whether the tbody tag is a block-level element or an inline element.

Now let’s talk about the basic usage of HTML tbody tag:

Group display of table (Structured Table) (IExplore Only)

tbody element Should be used in conjunction with thead and tfoot elements.

Group by row

... - Header of the table

... - The body of the table

... - The footnote of the table (Footer)

This is about the html tbody tag Usage examples:

<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>
Copy after login

What can such code appear in the browser?

Is the html tbody tag a block-level element? Basic usage of html tbody tag

The above is this article about the usage of html tbody tag (if you want to learn more, come to the PHP Chinese website, which has any programming courses you want). If you have any questions You can ask questions below

[Editor’s recommendation]

How to center the Chinese characters in the col tag in html? Basic use of html col tag (with examples included)

What is the code for adding images in HTML? How to add image path correctly in html?

The above is the detailed content of Is the html tbody tag a block-level element? Basic usage of html tbody tag. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1662
14
PHP Tutorial
1261
29
C# Tutorial
1234
24
Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

How do you parse and process HTML/XML in PHP? How do you parse and process HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

This tutorial demonstrates how to efficiently process XML documents using PHP. XML (eXtensible Markup Language) is a versatile text-based markup language designed for both human readability and machine parsing. It's commonly used for data storage an

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles