페이지에서 타이포그래피는 둥지 테이블을 통해 수행됩니다. 즉, 한 테이블을 다른 테이블에 삽입 할 수 있습니다. 이유는 다음과 같습니다.
우선, 웹 페이지 레이아웃은 매우 복잡하며 전체 레이아웃을 제어 해야하는 테이블이 있습니다. 현재 일반 테이블을 통해 일부 내부 레이아웃 세부 정보가 실현되면 행 높이 및 열 너비와 같은 충돌이 쉽게 발생하여 테이블을 만드는 데 어려움이 생길 수 있습니다.
둘째, 브라우저가 웹 페이지를 구문 분석 할 때 전체 테이블 구조를 다운로드 한 후에 만 테이블 만 표시됩니다. 중첩이 사용되지 않으면 테이블이 매우 복잡하며 뷰어는 웹 페이지의 내용을보기 전에 오랫동안 기다려야합니다.
이러한 이유로 중첩 테이블이 소개됩니다. 일반 테이블은 전체 레이아웃을 담당하며 중첩 테이블은 각 서브 컬럼의 레이아웃을 담당하며 일반 테이블의 해당 위치에 삽입됩니다. 이런 식으로, 각각은 자체 의무를 수행하며 서로 충돌하지 않습니다.
테이블 중첩을 만드십시오.
01 <!---------------------------->
02 <!-파일 예 : 10-47.htm->
03 <!-파일 설명 : 테이블 중첩->
04 <!---------------------------->
05 <Html>
06 <Head>
07 <title> 테이블 중첩 </title>
08 </head>
09 <body>
10 <테이블 테두리 = 3 너비 = 400 높이 = 100 BorderColor =#336699 Align = Center>
11 <TR>
12 <td colspan = 2 align = center>
13 <테이블 테두리 = 1 너비 = 100% BorderColor = red>
14 <TR>
15 <td align = center> macromedia 웹 디자이너 </td>
16 </tr>
17 <TR>
18 <td align = center> 웹 디자인 소프트웨어 </td>
19 </tr>
20 </테이블>
21 </td>
22 </tr>
23 <TR>
24 <td> 웹 이미지 소프트웨어 </td> <td> 불꽃 놀이 </td>
25 </tr>
26 <TR>
27 <TD> 웹 페이지 제작 소프트웨어 </td> <td> DreamWeaver </td>
28 </tr>
29 <TR>
30 <td> 웹 애니메이션 소프트웨어 </td> <td> 플래시 </td>
31 </tr>
32 </테이블>
33 </body>
34 </html>
테이블은 행 13에서 20 행에서 중첩되었습니다.