프로그래밍 노트

table 태그 본문

개발기타

table 태그

띠리 2007. 6. 7. 18:53

<TABLE>
행과 열로 구성된 표를 만들 때 사용.
표의 행은 <TR>(Table Rows), 표의 칸은 <TD>(Tabel Data), 표의 제목은 <TH>(Table Title) 태그를 사용.

▶ <TABLE> 속성

  bgcolor = 색상   표의 바탕색 [색상값]
  width = 길이   표의 너비 [백분율/픽셀]
  border = pixcel   표의 테두리 두께 [픽셀]
  cellspacing = pixcel   칸(cell) 사이의 간격 [픽셀]
  cellpadding = pixcel   칸 안에서의 간격 [픽셀]

<TR>
표의 행 태그
<TABLE>[<TR></TR>]</TABLE>사이에 꼭 한 쌍 이상 있어야 됨.

▶ <TR> 속성

  bgcolor = 색상   표의 행 바탕색 [색상값]
  width = 길이   표의 행 너비 [백분율/픽셀]
  height = 길이   표의 행 높이 [백분율/픽셀]
  align = left|center|right   표의 행 수평 정렬
  valign = top|middle|bottom   표의 행 수직 정렬

<TD>, <TH>
표의 칸 태그, 표의 칸 타이틀 태그
<TD>, <TH>의 속성은 거의 같고 <TH>안의 글자가 볼드가 되고
정렬이 가운데로 되는 점이 틀리.
<TR>[<TD></TD>]</TR>사이에 꼭 한 쌍 이상 있어야 됨.

▶ <TD>, <TH> 속성

  bgcolor = 색상   표의 칸 바탕색 [색상값]
  background = URL   표의 칸 배경 이미지 [URL]
  width = 길이   표의 칸 너비 [백분율/픽셀]
  height = 길이   표의 칸 높이 [백분율/픽셀]
  align = left|center|right   표의 칸 수평 정렬
  valign = top|middle|bottom   표의 칸 수직 정렬
  colspan = 갯수   표의 칸에서 수평 통합 칸
  rowspan = 갯수   표의 칸에서 수직 통합 칸


*     *     *     *     *     *     *     *     *     *     *     *     *    

간단 예제

<TABLE border = 1 cellpadding = 5>
    <TR>
        <TD>1  - 1</TD>
        <TD>테이블 테스트 1</TD>
    </TR>
    <TR>
        <TD>1  - 2</TD>
        <TD>테이블 테스트 2</TD>
    </TR>
</TABLE>

            

1 - 1 테이블 테스트 1
1 - 2 테이블 테스트 2
Comments