Rediscovering HTML tables

Based on some of my recent practices and after communicating with some readers about the use of HTML tables, I decided to write this article. In general, I noticed that they have a preconceived aversion to the use of tables due to misleading information. In fact many people will say "I see that tables should never be used", but this is absolutely wrong! This suggestion only applies to using HTML tables to define the layout of a web page, but tables are perfect for conveniently arranging rows and columns of data information, and if you must display tabular data on a page, you have to use them! why not? However, in this case, some people ignore the existence of certain HTML tags for tables and don't know how to use them correctly.

HTML has 10 table-related tags. Below is a list with an introduction, but first, the document must be properly defined under HTML 4.01/XHTML 1 or HTML 5:

• Define table title (4, 5)

• 
  

• ## Define attributes for table columns (4, 5)

• 
  

## Define the grouping of table columns (4, 5)

• 
  

Define table(4, 5)

• 
  

Define the table body (4, 5)

• 
  

Define the table notes (bottom) of the table (4, 5)

• 
  #

Define the header of the table (4, 5)

• ##
Define the rows of the table (4, 5)




A basic table structure is as follows:
​It contains a title, header, body and footer. The correct order of HTML elements is:



Define a cell (4, 5) ##
Define the header of the table (4, 5) ##










You can also use

and

to define table columns or group columns:
















The following is an example of a correct table structure:

Table caption here

Head 1	Head 2	Head 3
Foot 1	Foot 2	Foot 3
A	B	C
D	E	F

Copy after login