TABLE Element 는 웹페이지를 구성하는 대따 중요한 요소 중에 하나이며, 웹페이지를 만드는 과정에서디자인 한 이미지나 표현하고 싶은 텍스트 등 웹페이지를 통해 표현하고자 하는 내용들이 담기는 곳입니다.
테이블 구성은 3종 세트 메뉴로 구성되어 있습니다. 살펴보면, <TABLE>, <TR>, <TD> 로 구성되어 있습니다. 이 녀석들은 찐빵에 앙꼬요, 포테이토에 케첩입니다. 다시 말하면 떼려야 뗄 수 없는 사이란 말이죠.
표에 관한 전반적인 속성들입니다.
+ align=left | center | right
테이블 전체의 수평 정렬 Default : left
+ background="../img/girl.gif"
테이블 전체의 배경그림으로 body Element에서의 사용법과 동일
+ bgcolor="name or Hexa code"
테이블의 배경색
+ border="pixel"
테이블의 border(테두리) 두께
+ bordercolor="name or Hexa code"
테이블의 border(테두리)의 색
+ width="pixel or %"
테이블전체의 가로 크기
+ height="pixel or %"
테이블 전체의 높이
+ nowrap="nowrap"
테이블 전체 셀의 text의 줄바꿈 방지
+ cellpadding="pixel"
테이블 Cell border 와 Cell 속의 내용물과의 거리, 기본값 1
+ cellspacing="pixel"
테이블 Cell간의 거리와 Cell과 테이블 border와의 거리, 기본값 2
표의 행(row)에 관한 전반적인 속성들입니다.
+ align=left | center | right
테이블 행의 Cell 또는 Cell 들 속의 내용물의 수평 정렬 Default : left
+ valign=top | middle | bottom | baseline
테이블 행의 Cell 또는 Cell 들 속의 내용물의 수직 정렬 Default : middle
+ bgcolor="name or Hexa code"
테이블 행의 Cell 또는 Cell 들 속의 내용물의 배경색
+ bordercolor="name or Hexa code"
행속 Cell 좌우상하의 border 색
+ width="pixel or %"
테이블전체의 가로 크기
+ height="pixel or %"
테이블 전체의 높이
+ nowrap="nowrap"
행 속의 text의 줄바꿈 방지
표의 셀에 관한 전반적인 속성들입니다.
+ align=left | center | right
Cell 속의 내용물의 수평 정렬 Default : left
+ valign=top | middle | bottom | baseline
Cell 속의 내용물의 수직 정렬 Default : middle
+ background="../img/girl.gif"
테이블 Cell 의 배경그림으로 body Element에서의 사용법과 동일
+ bgcolor="name or Hexa code"
테이블 cell 의 배경색
+ bordercolor="name or Hexa code"
테이블 cell 의 좌우상하의 border(테두리)의 색
+ width="pixel or %"
테이블전체의 가로 크기
+ height="pixel or %"
테이블 전체의 높이
+ nowrap="nowrap"
Cell 속의 text의 줄바꿈 방지
+ colspan="열의 갯수"
수평으로 병합할 column(열)의 갯수
+ rowspan="행의 갯수"
수직으로 병합할 row(행)의 갯수
Caption 은 테이블의 제목(표제)이고, TH(Table Header)은 제목 Cell 에 사용되는 요소로 속성은 굵은체에 중앙 정렬이 포함되어 있습니다.
+ <caption>표 제목</caption>
비표준에서는 종종 생략되기도 했지만 표준에서는 사용하는게 좋습니다.
+ <th>셀 제목</th>
cell 안에서 제목을 표현할 때 사용하며, 굵은 강조와 셀 가운데로 자동 정렬됩니다.
copyright © 2011 두목. All rights Reserved.