* 욕설, 비방, 광고, 도배질 글은 임의로 삭제됩니다.

[펌 강의] 14. Table 안에 다른 Table 집어 넣기

페이지 정보

써니

본문

size="2">14. Table 안에 다른 Table 집어 넣기


심마니나 야후 같은 검색엔진에서
표(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 파일을 만들 수 있다면 아마 홈페이지를 만들다가 문제가 생겼을
때 쉽게 문제에 접근할 수 있을 겁니다.


작성일2005-02-16 15:19

등록된 댓글이 없습니다.

컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
125 답변글 나만의 홈페이지를 갖자.... APM 설치하기 댓글[2] 인기글 home page 2005-03-14 6923
124 답변글 나만의 홈페이지를 갖자.... APM 설치하기 댓글[1] 인기글 써니 2005-03-15 6269
123 Kernel 32DLL 에 관한 도움 부탁합니다 댓글[1] 인기글 JK 2005-03-07 7476
122 답변글 Kernel 32DLL 에 관한 도움 부탁합니다 댓글[1] 인기글 써니 2005-03-08 6570
121 computer 고쳐주실 분 댓글[1] 인기글 james 2005-03-06 6498
120 이상한 내용의 팝업이 자꾸뜹니다 방법좀... 댓글[5] 인기글 제키챤 2005-03-06 6792
119 로지택mx duo설치시 띡띡띡띡 거리는 잡음문제 아시는분 댓글[1] 인기글 궁금이 2005-03-05 7529
118 도와주시면 감사하겠습니다 댓글[2] 인기글 초보 2005-03-04 6551
117 답변글 도와주시면 감사하겠습니다 댓글[1] 인기글 lee 2005-03-06 6781
116 korean doesn't work 댓글[1] 인기글 sf 2005-03-04 6744
115 답변글 korean doesn't work 댓글[1] 인기글 ^,.^) 2005-03-06 8031
114 [펌 강의] 부록 - META 태그에 대해서.. 댓글[1] 인기글 써니 2005-03-04 6588
113 [펌 강의] 부록 - MARQUEE Tag 이용하기 댓글[1] 인기글 써니 2005-03-04 8032
112 [펌 강의] 부록 - 홈페이지에 음악 넣기 댓글[1] 인기글 써니 2005-03-04 6943
111 [펌 강의] 색살 표 (Color Chart) 댓글[1] 인기글 써니 2005-03-04 6556
110 [펌 강의] 30.Form 예제 (설문양식) 댓글[1] 인기글 써니 2005-03-04 6653
109 정크메일 과 광고전화 막는법 아시는분 도와주세요.. 댓글[1] 인기글 정크 2005-03-02 6915
108 동영상 퍼오는방법 아시는분 ..좀 알켜주세요 댓글[4] 인기글 진실 2005-03-01 6734
107 [펌 강의] 29. 선택목록(List Box or Drop Down Li 댓글[1] 인기글 써니 2005-02-28 6981
106 [펌 강의] 28.텍스트 영역(Text Area) 인기글 써니 2005-02-28 19943
105 [펌 강의] 27.Input Type Form (II) - Check B 댓글[1] 인기글 써니 2005-02-28 8382
104 [펌 강의] 26. Input Type Form (I) - 텍스트, 암호 댓글[15] 인기글 써니 2005-02-28 18473
103 [펌 강의] 25. Form에 대한 개요 인기글 써니 2005-02-28 23006
102 윈도우가 안꺼져요ㅠㅠㅠ 댓글[1] 인기글 경아 2005-02-27 7142
101 답변글 윈도우가 안꺼져요ㅠㅠㅠ 댓글[1] 인기글 써니 2005-02-27 6895
100 써니님, brian님 너무 감사하구요 하나더 여쭤볼께요. 인기글 제키챤 2005-02-24 9010
99 답변글 써니님, brian님 너무 감사하구요 하나더 여쭤볼께요. 댓글[1] 인기글 써니 2005-02-25 6694
98 [펌 강의] 23.프레임(Frame) 나누기 예제(III) 댓글[2] 인기글 써니 2005-02-24 14915
97 [펌 강의]22. 프레임(Frame) 나누기 예제(II) 댓글[1] 인기글 써니 2005-02-24 12525
96 [펌 강의] 21. 프레임(Frame) 나누기 예제(I) 댓글[1] 인기글 써니 2005-02-24 7087
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.