Home>Web design tutorial>HTML tutorial

10 table-related tags for HTML

Author：Eve Cole Update Time：2025-05-06 09:00:03

In fact, many people will say that I see the statement that I should never use forms, but this is absolutely wrong! This suggestion is just for using HTML tables to define the layout of a web page, but tables are perfect for convenient arrangement of rows and columns of data information, and if you have to display table column data on a page, you have to use them! why not? However, in this case some people ignore the existence of certain HTML tags used for tables and do not know how to use them correctly.

HTML has 10 table-related tags. Here is a list with an introduction, but first, the document should be correctly defined below HTML 4.01/XHTML 1 or HTML 5:

  • <caption> Define the table title (4, 5)
  • <col> Define attributes for columns of a table (4, 5)
  • <colgroup> Defines grouping of table columns (4, 5)
  • <table> Define table(4, 5)
  • <tbody> Define the table body (4, 5)
  • <td> Define a cell (4, 5)
  • <tfoot> Define the table note (bottom) (4, 5)
  • <th> Define the table header (4, 5)
  • <head> defines the table header (4, 5)
  • <tr> defines the rows of the table (4, 5)

A basic table structure is as follows:

It contains a title, head, body and bottom. The correct order of HTML elements is:

  1. <table>
  2. <caption>
  3. <head>
  4. <tfoot>
  5. <tbody>

You can also use <col> and <colgroup> to define columns of tables or group columns:

  1. <table>
  2. <caption>
  3. <colgroup>
  4. <col>
  5. <head>
  6. <tfoot>
  7. <tbody>

Here is a correct example of the table structure:

Copy the code

Related Articles