심마니나 야후 같은 검색엔진에서
표(Table)을 많이 사용한다고 처음에 이야기했죠? 그런 곳에서 소스를
보면 표(Table) 안에 표가 여러 개 들어있는 것을 쉽게 발견할 수 있습니다.
표 안에 표를 넣는다는 게 복잡해 보일 수는 있지만, 기본 원리를 알고
들여쓰기만 제대로 한다면 표 한 개로 만드는 것이나 표 안에 표를 여러
개 사용하는 것이 별 차이가 없음을 알 수 있죠.
그럼 간단한 예를 들어 표 안에 표를
넣어보도록 하겠습니다. 기본적인 것만 예를 들테니 여러 분이 이것
저것 해보세요^^
bordercolorlight="black">
<HTML>
<HEAD> <TITLE> 테이블에 테이블 넣기^^</TITLE>
</HEAD> <BODY> <TABLE
border=1> ------- ① <TR>
<TD> face="굴림체" size="2" color="red"> <TABLE
border=1> - ② <TR>
<TD>빨간색
부분</TD>
<TR>
</TABLE>
--------- ②
</TD>
<TD> face="굴림체" size="2" color="blue"> <TABLE
border=1> - ③ <TR>
<TD>파란색
부분 </TD>
<TR>
</TABLE>
--------- ③
</TD>
<TR> </TABLE>
--------------- ① </BODY> </HTML> size="2"> target="_blank">결과보기 size="2">
① 부터
① 까지가 맨 바깥에 있는 표(Table)이 되구요. ② 부터
② 까지, ③ 부터 ③ 까지가 그 안의 셀에 들어가는 표(Table)이
됩니다.
① ~ ① : 셀이
두 개 있는 표(Table)입니다.
② ~ ② : 표의
왼쪽 셀에 들어가는 표입니다.
③ ~ ③ : 표의
오른쪽 셀이 들어가는 표입니다.
물론 셀 안에 위치하는
각각의 표도 셀을 여러 개 갖을 수 있습니다.
한번 여러분들이 <TD>
... </TD> Tag 안에 어떤 값들을 넣어서 어떻게 나타나나
확인해 보세요^^ 제가 여기서 보여주는 것보다 왼쪽의 소스를
메모장에 카피한 후 그냥 이런 글자 저런 그림을 삽입해보면
기억에도 오래 남고 이해도 잘 갈 겁니다.^^
그리고 테스트할 때
저번 강좌에서 소개했던 옵션과 색상을 넣어서 테스트해
보면 아마 이해가 더 잘 갈 겁니다.
직접 메모장에 써보시던지 아님
카피해서 넣은 후 html 파일로 저장한 후 확인해 보세요. 자신이 메모장으로
html 파일을 만들 수 있다면 아마 홈페이지를 만들다가 문제가 생겼을
때 쉽게 문제에 접근할 수 있을 겁니다.
[펌 강의] 14. Table 안에 다른 Table 집어 넣기 
