Home > Web Front-end > HTML Tutorial > 10 table-related tags in HTML_HTML/Xhtml_Web page production

10 table-related tags in HTML_HTML/Xhtml_Web page production

WBOY
Release: 2016-05-16 16:42:09
Original
1784 people have browsed it

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 (4, 5) for the columns of the table
  • 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 (4, 5) of the table

    A basic table structure is as follows:

    10 table-related tags in HTML_HTML/Xhtml_Web page production

    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:

    Copy the code
    The code is as follows:




















    Table caption here
    Head 1 Head 2 Head 3
    Foot 1 Foot 2 Foot 3
Related labels:
source:php.cn
Statement of this Website
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
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template