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

寻∝梦
寻∝梦Original
2018-09-01 17:07:193690browse

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>

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:
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