티스토리 뷰

IT 관련/FrontEnd

TAG :: Table

서관실 2009. 3. 11. 11:02
HTML 코드에서 보면 흔하게 볼수 있는 Table 태그는 표를 사용하기 위해서 사용되는 태그이다.
아직까지 디자인에 Table를 사용하는 코더들이 많은데 이는 좋지않은 방법이지만 이글에서 예기할 주제는 아니니까 패스~

[기본구조]
<TABLE>                                                        :: 표 시작
<CAPTION>111</CAPTION>                 :: 표제목
<THEAD>                                            :: 열제목 그룹 시작
<TR>                                      :: 행 시작
<TH>열제목</TH>       :: 하나의 셀
</TR>
</THEAD>
<TBODY>                                            :: 표 내용시작
<TR>
<TD>내용</TD>       :: 하나의 셀
</TR>
</TBODY>
</TABLE>

간단하게 테이블의 구조를 표현하면 이렇게 된다.
THEAD TBODY 는 자주생략되는데 생략하면 TBODY 가 있는것으로 해석되는것 (같더라~ ㅋ)

자주사용되는 기본속성
  • BORDER              :  테두리의 두께
  • BORDERCOLOR   :  테두리의 색상
  • CELLPADDING     :  셀의 안쪽 여백
  • CELLSPACING     :  셀간의 간격
  • BGCOLOR           :  테이블의 배경색상
  • WIDTH                 :  테이블의 가로
  • HEIGHT               :  테이블의 세로
  • BACKGROUND     :  테이블의 배경이미지
  • ALIGN                 :  수평정렬 (left, center, right)
  • VALIGN               :  수직정렬 (top, middle, bottom)
  • COLSPAN           :  셀의 가로합병
  • ROWSPAN          :   셀의 세로 합병

너무 상세하게 들어가기에는 본인의 지식도 부족하고 무엇보다 귀찮으니 간단하게만 설명끝~

'IT 관련 > FrontEnd' 카테고리의 다른 글

정통부 주민등록번호 체크 JavaScript  (0) 2009.03.12
메타태그  (0) 2009.03.12
TAG :: FORM  (0) 2009.03.11
Internet Explore Javascript Event  (0) 2009.03.11
DTD(Document Type Definition) 기초~  (0) 2009.03.09
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함