A step-by-step guide to getting started with HTML tables

For the table, we have <thead> for the head and <tbody> for the body.<thead> — The table head element (not to be confused with the table header cell element) defines a set of rows that make up the header of a table.<tbody> — The table body element defines one or more rows that make up the primary contents (or “body”) of a table.table head (<thead>) and table body (<tbody>) elementsTable Foot ElementWe have a table head and a table body element..So of course, there’s a table foot element as well..But the question is what is the point of table footer element when we already have the table headers that label columns?In general, a table footer element should contain a summary of the table..This might be some final cells containing sums, totals and averages for each column..It might also contain some meta information like copyright information or the source of data within a table.Now, you would think that the table footer would go at the bottom of the table..However, it actually should go right after the table head element and just before the table body element.<tfoot> — The table footer element defines a set of rows summarizing the columns of the table.table foot (<tfoot>) elementCaption ElementThis element is basically a title for the table, and it should come immediately after the opening table tag..This is nice to add because it quickly summarizes what a table might contain.Now we have covered the essentials of table elements in HTML.You can learn more about the tables in the links given below.HTML Table BasicsThat just about wraps up the basics of HTML Tables.developer.mozilla.orgHTML Table Advanced There are a few other things you could learn about HTML Tables.developer.mozilla.orgI hope you’ve found this post informative and helpful..I would love to hear your feedback!Thank you for reading!. More details

Leave a Reply