HTML/CSS/JAVASCRIPT 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : 8일차 강의내용 - 테이블 만들기
글번호: 17
작성자: 관리자
작성일: 2001/01/12 오전 1:59:00 (2001/01/12 오전 1:59:00 수정)
조회수: 6160

HTML

학습내용 : HTML 테이블 태그 (2001/01/10)

 

<TABLE> & <TR> & <TH> & <TD> 태그

사용법

<TABLE>
   <TR>
      <TD>
      </TD>
   </TR>
</TABLE>

설   명

<TABLE> : 테이블의 시작과 끝을 정의한다.

예   제

 

속   성

 BORDER : 표에 테두리를 그린다.
 CELLPADDING : 표 테두리와 글자 사이의 간격을 띄울 때
 CELLSPACING : 순전히 셀의 간격만을 띄워줄 때
 WIDTH, HEIGHT : 표의 크기 결정
 BGCOLOR : 표의 전체 셀들의 색깔 결정

 

<CAPTION> 태그

사용법

<CAPTION>...</CAPTION>

설   명

표의 제목을 정의한다.

예   제

 

속   성

ALIGN : 정렬

 

<TR> 태그

사용법

<TR>...</TR>

설   명

테이블의 1행을 구분한다.

예   제

 

속   성

BGCOLOR : 한 행 내의 모든 셀의 색깔을 설정한다.

 

<TD> 태그

사용법

<TD>...</TD>

설   명

셀내의 데이터를 정의한다.

예   제

 

속   성

COLSPAN : 가로로 합쳐질 셀의 갯수.
ROWSPAN : 세로로 합쳐질 셀의 갯수.

 

<TH> 태그

사용법

<TH>...</TH>

설   명

<TD>와 같은 개념이나, 표의 헤더 부분을 정의할 때 쓰인다.

예   제

 

속   성

COLSPAN : 가로로 합쳐질 셀의 갯수.
ROWSPAN : 세로로 합쳐질 셀의 갯수.

 

※ 학습정리

 

※ 관련문제

 

※ 참고문헌/사이트

태그사전

HTML Reference Library 4

PYJ-LOVE ActiveMainPage COPYRIGHT 2000 BY PYJ-LOVE ALL RIGHTS RESERVED.

 

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 9일차 강의내용 - 양식(FORM) - 관리자 2001-01-15 6572
현재글 8일차 강의내용 - 테이블 만들기 - 관리자 2001-01-12 6160
  예제. 023. 테이블만들기(TABLE태그).htm HTML-0023.jpg(158 KB) 레드플러스 2003-05-14 6812
  테이블 태그를 사용한 게시판 리스트 디자인 연습 게시판디자인연습.htm(4 KB) 레드플러스 2004-05-10 6427
  실습. 템플릿 페이지 작성하기 : Template.htm Template.jpg(146 KB) 레드플러스 2006-05-16 4785
  테이블로 색상 표현하기 연습 TableColor.png(135 KB) 레드플러스 2015-03-02 3668
다음글 8일차 강의내용 - 마퀴 태그(움직이는 문자) - 관리자 2001-01-12 7349
 
손님 사용자 Anonymous (손님)
로그인 Home