> 웹 프론트엔드 > HTML 튜토리얼 > HTML 테이블 마크업 튜토리얼(47): 테이블 중첩_HTML/Xhtml_웹페이지 제작

HTML 테이블 마크업 튜토리얼(47): 테이블 중첩_HTML/Xhtml_웹페이지 제작

WBOY
풀어 주다: 2016-05-16 16:44:36
원래의
1783명이 탐색했습니다.

페이지에서는 표 중첩을 통해 조판이 이루어집니다. 즉, 한 양식이 다른 양식 내에 중첩될 수 있습니다. 이유는 다음과 같습니다.
우선 웹페이지의 레이아웃이 매우 복잡해지며 전체 레이아웃을 제어하려면 외부 테이블이 필요합니다. 이때 일부 내부 레이아웃 세부 사항도 마스터 테이블을 통해 구현하면 행 높이, 열 너비 등의 충돌이 쉽게 발생하여 테이블 제작이 어려워집니다.
둘째, 브라우저가 웹페이지를 파싱할 때 전체 테이블 구조를 다운로드한 후 테이블을 표시합니다. 중첩이 없으면 테이블이 매우 복잡해지며 뷰어는 웹 페이지의 콘텐츠를 보려면 오랜 시간을 기다려야 합니다.
이러한 이유로 중첩 테이블이 도입되었습니다. 메인 테이블은 전체 레이아웃을 담당하고, 중첩 테이블은 각 하위 열의 레이아웃을 담당하며 메인 테이블의 해당 위치에 삽입됩니다. 이런 식으로 각자는 서로 충돌하지 않고 자신의 임무를 수행합니다. 파일 예: 10-47.htm
테이블 네스팅을 만들어 보세요.
01
02
03
04
05
06
07 표 중첩
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 웹 페이지 이미지 소프트웨어25 26 27 28 29 30 31 32
Macromedia Web Designer
웹 디자인 소프트웨어 td> 19
Fireworks
웹 페이지 제작 소프트웨어 Dreamweaver
웹페이지 애니메이션 소프트웨어 Flash
33 34 파일 설명 13~20행은 중첩된 테이블입니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿