In the page, typography is done through nesting tables. That is, one table can be inserted into another table. The reasons are as follows:
First of all, the layout of web pages will be very complicated, and there is a table outside that needs to control the overall layout. If some internal layout details are also realized through the general table at this time, it can easily cause conflicts such as row height and column width, causing difficulties in making the table.
Secondly, when the browser parses the web page, it only displays the table after downloading the entire table structure. If nesting is not used, the table is very complicated and the viewer will have to wait a long time before seeing the content of the web page.
For these reasons, nested tables are introduced. The general table is responsible for the overall layout, and the nested table is responsible for the layout of each subcolumn, and is inserted into the corresponding position of the general table. In this way, each performs its own duties and does not conflict with each other.
Make table nesting.
01 <!-- ------------------------------ -->
02 <!-- File example: 10-47.htm -->
03 <!-- File description: table nesting-->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>Table nesting</title>
08 </head>
09 <body>
10 <table border=3 width=400 height=100 bordercolor=#336699 align=Center>
11 <tr>
12 <td colspan=2 align=Center>
13 <table border=1 width=100% bordercolor=red>
14 <tr>
15 <td align=Center>Macromedia web designer</td>
16 </tr>
17 <tr>
18 <td align=Center>Web design software</td>
19 </tr>
20 </tableE>
21 </td>
22 </tr>
23 <tr>
24 <td>Web Image Software</td><td>Fireworks</td>
25 </tr>
26 <tr>
27 <td>Web page production software</td><td>Dreamweaver</td>
28 </tr>
29 <tr>
30 <td>Web animation software</td><TD>Flash</td>
31 </tr>
32 </table>
33 </body>
34 </html>
The table nested from rows 13 to 20.