Tutorial on HTML table tagging (47): create a web page of table nesting _ HTML/Xhtml _

Source: Internet
Author: User
On the page, the layout is completed through the nesting of tables. That is, a table can be embedded into another table. The reason is as follows: first, the layout of the web page is complex, and an external table is required to control the overall layout. If some internal typographical details are also implemented through a summary table, it is easy to cause conflicts such as the Row Height and column width, which makes table creation difficult. Secondly, the layout is completed by nesting tables on the page. That is, a table can be embedded into another table. The reason is as follows:
First, the layout of a Web page is complex. A table layout is required externally. If some internal typographical details are also implemented through a summary table, it is easy to cause conflicts such as the Row Height and column width, which makes table creation difficult.
Secondly, when parsing a webpage, the browser downloads the entire table structure before displaying the table. If Nesting is not used, the table is very complex. It takes a long time for the viewer to see the content of the webpage.
For these reasons, nested tables are introduced. The total table is responsible for the overall layout, and the nested table is responsible for the layout of each sub-column, and inserted to the corresponding position of the total table. In this way, they perform their respective duties and do not conflict with each other. Example: 10-47.htm
Create Table nesting.
01
02
03
04
05
06
07 Table nesting
08
09
10

11 12

13


















14 15 16 17 18 19 20212223 24 25 26 27 28 29 30 31 32
Macromedia Web designer
Web design software
Web image software Fireworks
Web page creation software Dreamweaver
Webpage animation software Flash

33
34File description
13th rows to 20th rows nested table.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.