Shulou(Shulou.com)06/01 Report--

Today, I would like to share with you the relevant knowledge points of HTML's thead, tfoot and tbody element instance analysis. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

The code is as follows:

I would like to ask why the comments in this code regard the first two lines as the header area, meaning that the element thead itself defaults to two lines? Or is it something else?

And does scope= "col" mean to lock the scope in the column? What's the point of doing this?

This should be combined with rowspan= "2". Thead simply represents the head of the table.

HTML tag

Definition and usage:

The label defines the header of the table. This tag is used to combine the header contents of the HTML table.

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

The tbody element is used to group the body content in the HTML table, while the tfoot element is used to group the footnote (footer) content in the HTML table.

Note: if you use thead, tfoot, and tbody elements, you must use all of them. The order in which they appear is: 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 do not affect the layout of the table. However, you can use CSS to make these elements change the appearance of the table.

Detailed description:

The thead, tfoot, and tbody elements give you the ability to group rows in a table. When you create a table, you may want to have a header row, some rows with data, and a summary row at the bottom. This partition enables the browser to support scrolling of the table body independent of the table title and footer. When a long form is printed, the header and footer of the form can be printed on each page that contains the table data.

Example: HTML table with thead, tbody, and tfoot elements:

The code is as follows:

Month

Savings

Sum

$180

January

$100

February

$80

The above is all the content of the article "thead, tfoot and tbody element example Analysis of HTML". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.