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

[펌 강의] 11. Table의 이해와 Table Tag

페이지 정보

써니

본문


size="2">11. Table의 이해와 Table Tag


이번 강좌부터는 기본적인 내용들을 끝내고 좀 더
유용한 홈페이지를 만들 수 있도록 표(Table)에 대해 배워
size="2">보도록 하겠습니다. 테이블의 사용은 참 유용하면서도
제대로 알지 못하면 정말 난감하죠. 테이블을 사용할 때는 들여쓰기에
주의하면 소스를 보기가 더 좋아집니다.


예를 들어 이미지 옆에 글을 쓰고
싶다거나 야후 같은 검색엔진 같이 원하는 위치에 글과 그림(Image)를
삽입하고 싶을 때 표(Table)을 사용하면 참 유용합니다. 인터넷 상에
있는 대부분의 홈페이지들에서 프레임도 사용하지만, 아마도 표를 더
많이 사용할 겁니다. 요새는 php나 asp 프로그램을 많이 사용하죠?


그럼 표가 뭘까요? 쉽게 말해서 아래한글이나
MS-Word에서 표를 만들죠? 그것과 같은 개념으로 이해하면 될 겁니다.
Html 파일에서는 레이아웃(Layout)을 정돈하는데 많이 사용하지요.


<!-- 레이아웃(Layout)이라는
말을 참 많이 사용하죠? Html에서 레이아웃이란 Html 파일의 전체 화면
구성이라구 하죠. -->


Table의 전체적인 윤곽에서는 하나의
예를 들어 Table이 어떻게 사용되는지 알아볼께요.


1) Table의 전체적인 윤곽


<HTML>

<HEAD>

    <TITLE> TABLE의 전체적인 윤곽 </TITLE>

</HEAD>

<BODY>

    <TABLE>

        <CAPTION>
좋아 하는 것들.. </CAPTION>

        <TH> 과  일
</TH>

        <TH> 사  람
</TH>

        <TH> 동  물
</TH>

        <TR>

            <TD>
사  과 </TD>

            <TD>
가  족 </TD>

            <TD>
강아지 </TD>

        <TR>

            <TD>
딸  기 </TD>

            <TD>
친  구 </TD>

            <TD>
사  자 </TD>

        </TR>

        <TR>

    </TABLE>

</BODY>

</HTML>
                           target="_blank">결과보기


2) Table에 사용되는
Tag


  • <TABLE>
    . . . </TABLE>


    표(Table)의 시작과 끝을 나타냅니다. 그리고 표와 관련되 모든
    Tag는 <TABLE> . . .<TABLE> Tag 안에서만 사용하게
    됩니다.

     

  • <CAPTION>
    . . . </CAPTION>


    표(Table)의 제목을 나타내고자 할 경우에 사용합니다. 대부분 홈페이지의
    소스를 보면 알 수 있듯이 많이 사용하지는 않는 Tag 입니다.

     

  • <TH>
    . . . </TH>


    "Table Head"의 약자입니다. 셀 안에 나타나는 글자를
    볼드체로 나타내는 동시에 가운데로 정렬시킵니다. Html 강좌 처음에
    있는 <Hn> . . . </Hn> Tag와 비슷하다고 보면 됩니다.
    왜 있잖아요. 제목 나타내던 Tag... 그리고 다르게 표시하면

    <B><DIV align="center"> . . . </DIV></B>
    와도 같겠죠?

     

  • <TR>
    . . . </TR>


    "Table Row"의 약자입니다. 표(Table)에서 새로운 줄이
    시작되고 끝나는 것을 말하죠. 음.. <BR> Tag하고 역할이
    비슷하다고 보면 될까요?

     

  • <TD>
    . . . </TD>


    이것은 "Table Data"의 약자입니다. 말에서 알 수 있듯이
    표 안에 들어갈 내용들이 들어가면 됩니다. 정렬(Align)을 주지
    않으면 왼쪽으로 위아래로는 중간에 저절로 정렬이 됩니다.


Explore를 기반으로 Html, DHtml,
Java Script 그리고 코볼 프로그램을 이용해서 프로젝트를 하나
끝냈는데, Table Tag를 사용할 때 </TR>과 </TD>는 생략을
해도 아무런 지장이 없더군요. 넷스케이프에서도 될 것 같은데.. 이건
한번 여러분이 테스트해 보세요.


Table Tag 안에서도 border, cellspacing,
cellpadding, width, height, align, valign, rawspan, colspan 등 많은
옵션이 있답니다. 이러한 내용은 다음 강좌에서 예제와 함께 다루도록
할께요. border, width, heignt, align 등은 지금까지 여러 번 보아왔으니
대강 어떻게 사용하는지 아시겠죠? 


그리고 Table에서는 Closing Tag를
생략해도 되고 소스가 길 경우 생략해서 사용하기도 합니다. 하지만
Closing Tag를 명확히 사용해 주는 것이 사용하지 않는 것에 비해 로딩
속도가 빠르다고 하니 참조하세요.

작성일2005-02-16 15:16

라이브카지노님의 댓글

라이브카지노
안녕하세요. 다양한정보 감사합니다. 스포츠토토 먹튀검증 타임스포츠토토 추천드립니다.https://timespototo.com/스포츠토토 https://online-safer.com/라이브카지노 https://jusobada.com/주소모음
컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
127 답변글 컴퓨터 스크린을 TV로 보는 방법좀 알려주세요 댓글[1] 인기글 써니 2005-03-09 6498
126 나만의 홈페이지를 갖자.... APM 설치하기 댓글[1] 인기글 써니 2005-03-08 6621
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 6944
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
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.