개발기타
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 |