|
테이블 사용법.  HTML
|
<table> |
표 작성함을 정의한다 (</table>은 표가 끝남을 정의) |
|
<tr> |
Table Row의 약자로, 표 안에서 한줄(Row)이 끝났으
므로 줄바꾸기를 합니다. |
|
<th> |
Table Heading의 약자로, 표의 머리글 (Header) 임을
나타냅니다. |
|
<td> |
Table Data의 약자로,보통체와 왼쪽정렬로 적용됩니다. |
|
<caption> |
표의 제목을 표화 함께 나타내는 속성입니다.
align=top -->표의상단
align=bottom -->표의하단 |
표에서 사용되는 속성
|
속성 |
정의 |
|
width="숫자%" |
표나 셀의 폭(넓이)을 창의 백문율(%)로 지정한다. |
|
width="숫자" |
표나 셀의 폭을 픽셀 값으로 지정한다. |
|
height=pixel수 |
셀의 높이(세로)를 지정한다. |
|
cellpadding=10 |
셀의 안쪽 여백(셀의 테두리와 문자열 사이의 간격)을 10픽셀로 지한정다. |
|
cellspacing=5 |
셀과 셀 사이의 간격을 5픽셀로 지정한다. |
|
border=숫자 |
표 테두리의 두께를 지정하는 것으로 숫자가 커질수록 두꺼워진다.
border=0 이면 웹 브라우저에서 표의 테두리가 보이지 않는다. |
|
colspan=2 |
가로의 열(column) 2개를 합치기 한다. |
|
rowspan=3 |
세로의 줄(row)3개를 합치기 한다. |
|
valign="위치" |
align="left,right,center" -셀 안에서의 가로 위치 정렬 |
|
align="위치" |
valign="top,middle,bottom" - 셀 안에서의 세로위치정렬 |
|
bgcolor="색상" |
표 전체 또는 선택된 셀의 배경 색상을 지정한다. |
|
backround="주소" |
표 전체 또는 선택된 셀의 배경 이미지를 삽입한다. |
|