HTML 기본 태그 - 표 관련
앎/web 2014. 2. 13. 15:23 |<table>
표를 만들 때 사용한다.
웹 페이지 전체를 구성하는데도 사용한다.
속성 |
설명 |
align |
정렬 방식 지정 (left, center, right). 기본값은 left 이다. |
bgcolor |
배경색을 지정. 색상이나 색상코드를 사용한다. |
background |
배경 이미지를 지정한다. |
border |
테두리 두께 지정 (픽셀). 0이면 테두리가 없다. |
bordercolor |
테두리 색을 지정. 색상이나 색상코드를 사용한다. |
cellpaddin |
셀 안쪽 여백을 지정한다. 0 또는 픽셀 |
cellspacing |
셀과 셀사이의 여백을 지정한다. 0 또는 픽셀 |
width |
표의 너비를 지정한다. 픽셀 |
height |
표의 높이를 지정한다. 픽셀 |
frame |
표의 바깥쪽 테두리를 지정한다. above, below, border, box, lhs, rhs, hsides, vsides, void |
rules |
표의 안쪽 테두리를 지정한다. all, cols, rows, group, none |
<tr>
표에서 행을 관리하는데 사용한다.
속성 |
설명 |
align |
행의 정렬 방식을 지정한다. left, right, center. 기본값은 left이다. |
bgcolor |
행의 배경색을 지정한다. 색상이나 색상코드를 사용한다. |
valign |
행의 세로 정렬 방식을 지정한다. top, middle, bottom을 지정한다. |
height |
행의 높이를 지정한다. (픽셀) |
rowspan |
행의 병합을 지정한다. (행 개수) |
<th>와 <td>
표에서 열을 관리하는데 사용한다.
<th> 태그는 열의 제목을 표시하는데 사용한다. 기본 속성값으로 굵게 중앙정렬되어 있다.
<td> 태그는 열을 구분지을 때 사용한다.
속성 |
설명 |
align |
셀의 정렬 방식을 지정한다(left, right, center). 기본값은 left이다. |
valign |
셀에서 세로 정렬 방식을 지정한다(left, right, center). 기본값은 middle이다. |
background |
셀의 배경이미지를 지정한다. |
bgcolor |
셀의 배경색을 지정한다. 색상이나 색상코드를 사용한다. |
colspan |
셀 병합을 지정한다. (열 개수) |
nowrap |
셀안에서 줄바꿈이 안되도록 지정한다. |
width |
셀 너비를 지정한다. |
※ 빈 셀을 만드려면 로 공백을 넣어주어야 한다.
<caption>
제목이나 간단한 설명을 나타낼때 사용한다.
<thead>, <tbody>, <tfoot>
표 내에서 그룹지어 머리글, 본문, 바닥글로 지정해준다.
'앎 > web' 카테고리의 다른 글
HTML 기본 태그 - 폼 관련 (0) | 2014.02.13 |
---|---|
HTML 기본 태그 - 페이지 관련 (0) | 2014.02.13 |
HTML 기본 태그 - 이미지, 사운드, 링크 (0) | 2014.02.13 |
HTML 기본 태그 - 문단 관련 (0) | 2014.02.13 |
HTML 기본 태그 - 본문 관련 (0) | 2014.02.13 |