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

[펌 강의] 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

등록된 댓글이 없습니다.

컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
226 [정보] Mac 소프트웨어 포팅, 쉽지만은 않은 작업 인기글 써니 2005-06-14 5662
225 [정보] 스파이웨어, 이젠 RSS를 배포 수단으로 인기글 써니 2005-06-14 5764
224 안지혜씨 보세요 댓글[1] 인기글 2005-06-14 5640
223 디지탈사진을original color로 print 할려면 인기글 john 2005-06-13 5816
222 답변글 디지탈사진을original color로 print 할려면 댓글[1] 인기글 유샤인 2005-11-08 5765
221 써니님 신속한 답변 감사 드림니다 빠른시일내 시도해 보겠습니다 감사 합 인기글 나그네 2005-06-13 6140
220 써니님 하드드라이브 할인에 관한 조언 구합니다. 댓글[1] 인기글 나그네 2005-06-12 6015
219 답변글 써니님 하드드라이브 할인에 관한 조언 구합니다. 댓글[1] 인기글 써니 2005-06-12 6526
218 써니님 댓글[2] 인기글 어? 2005-06-12 5701
217 써니님!! 감사합니다.. 댓글[1] 인기글 초보자 2005-06-10 5997
216 답변글 써니님!! 감사합니다.. 인기글 써니 2005-06-12 5729
215 [정보] Xbox 360 판매시 대당 75달러 손해 인기글 써니 2005-06-10 5698
214 [정보] 차세대 DVD 통합 협상 ‘없던 일’로 인기글 써니 2005-06-10 5966
213 [정보] ‘마이클 잭슨 자살미수‘ 메일 위장 트로이 목마 출현 인기글 써니 2005-06-10 5784
212 [정보] 불법복제 윈도우 가치, 단 1달러 인기글 써니 2005-06-10 5928
211 printer 문의드립니다. 댓글[1] 인기글 왕초보 2005-06-09 6008
210 [정보] 애플, 인텔 프로세서로 말을 갈아타다 댓글[1] 인기글 써니 2005-06-07 6119
209 화면이 다 깨져서 보입니다 댓글[1] 인기글 TargetOne 2005-06-06 6055
208 써니님! 도움을 부탁드립니다... 인기글 초보자 2005-06-05 5880
207 답변글 써니님! 도움을 부탁드립니다... 댓글[1] 인기글 써니 2005-06-06 6101
206 답변글 써니님! 도움을 부탁드립니다... 인기글 초보자 2005-06-08 6220
205 답변글 써니님! 도움을 부탁드립니다... 댓글[1] 인기글 써니 2005-06-09 6004
204 [정보] 웜에 트로이목마, 백도어까지-하이브리드 웜 등장 댓글[1] 인기글 써니 2005-06-05 5980
203 [정보] 프로세서 위조, 중국에서 성행 우려 인기글 써니 2005-06-05 5925
202 [정보] 애플, 아이팟 배터리 결함에 대해 보상 합의 인기글 써니 2005-06-05 5987
201 want to buy used projectors 댓글[6] 인기글 david kim 2005-05-31 5931
200 MS Word 한글 버젼에서 영문 메뉴 설정 방법 댓글[1] 인기글 영어 2005-05-30 6132
199 답변글 MS Word 한글 버젼에서 영문 메뉴 설정 방법 댓글[1] 인기글 써니 2005-05-31 9946
198 [정보] MS : 넷스케입 8이 IE 기능 무력화 댓글[1] 인기글 써니 2005-05-28 6124
197 [정보] 차세대 DVD 통합 협상 ‘없던 일’로 댓글[1] 인기글 써니 2005-05-28 6234
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.