Home > Web Front-end > HTML Tutorial > HTML table markup tutorial (47): Table nesting_HTML/Xhtml_Web page production

HTML table markup tutorial (47): Table nesting_HTML/Xhtml_Web page production

WBOY
Release: 2016-05-16 16:44:36
Original
1784 people have browsed it

In the page, typesetting is done through the nesting of tables. That is, one form can be nested within another form. Here’s why:
First of all, the layout of the web page will be very complicated, and an external table is needed to control the overall layout. If some internal layout details are also implemented through the master table at this time, it will easily cause conflicts in row height, column width, etc., making table production difficult.
Secondly, when the browser parses the web page, it displays the table after downloading the entire table structure. Without nesting, the table would be very complex and the viewer would have to wait a long time to see the content of the web page.
For these reasons, nested tables are introduced. The main table is responsible for the overall layout, and the nested table is responsible for the layout of each sub-column and inserted into the corresponding position of the main table. In this way, each performs his or her duties without conflict with each other. File example: 10-47.htm
Make table nesting.
01
02
03
04
05
06
07 Table Nesting
08
09
10

11
12
12

13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
Macromedia网页设计师
网页设计软件
网页图像软件 Fireworks
网页制作软件 Dreamweaver
网页动画软件 Flash
11
13
14 15
16 17 18 20 21 22 23 24 Web page image software25 26 27 28 29 30 31 32
Macromedia Web Designer
Web Design Software td>19
Fireworks
Web page production software Dreamweaver
Webpage animation software Flash
33 34 File description Lines 13 to 20 are nested tables.
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 Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template