|
**TABLE SPECIAL**
|
|
기본태그 1 [ TABLE ] |
|
▶표 작성에 사용되는 태그 |
|---|
|
<TABLE>
</TABLE> | | 표를 만드는 태그 |
|---|
|
<CAPTION>
</CAPTION>
| | 표의 제목을 지정하는 태그 |
|---|
|
<TR></TR> | | 표에서 한줄을 지정하는 태그
태그사이에는 칸만큼의 TH 또는 TD 태그가 들어간다. |
|---|
|
<TH></TH> | | 표에서 한칸의 헤더셀을 지정하는 태그
TD태그와 다른점은 가운데정렬, 글자가 굵게 되어 있다. |
|---|
|
<TD></TD> | | 표에서 한칸의 데이터셀을 지정하는 태그
TH태그와 옵션이 전부같다. |
|---|
|
▶TABLE 관련 태그를 사용하여 표를 작성하는 방법 |
|---|
<![CDATA[
<table border=1>
<caption>시간표</caption>
<tr> <th></th> <th>월</th> <th>화</th> <th>수</th> </tr>
<tr> <th>1교시</th> <td>국어</td> <td>사회</td> <td>체육</td> </tr>
<tr> <th>2교시</th> <td>수학</td> <td>과학</td> <td>미술</td> </tr>
</table>]]>결과보기
시간표
| 월 | 화 | 수 |
| 1교시 | 국어 | 사회 | 체육 |
| 2교시 | 수학 | 과학 | 미술 |
|
|
▶TH 태그, TD 태그의 옵션 |
|---|
align=left | | 셀의 텍스트 수평위치를 왼쪽 정렬하는 태그 |
| align=center | | 셀의 텍스트 수평위치를 가운데 정렬하는 태그 |
| align=right | | 셀의 텍스트 수평위치를 오른쪽 정렬하는 태그 |
| valign=top | | 셀의 텍스트 수직위치를 위로 정렬하는 태그 |
| valign=middle | | 셀의 텍스트 수직위치를 가운데 정렬하는 태그 |
| valign=bottom | | 셀의 텍스트 수직위치를 아래로 정렬하는 태그 |
| bordercolor=red | | 셀의 테두리선의 색을 지정하는 태그 |
| bgcolor=#ccccff | | 셀의 배경색을 지정하는 태그 |
| background=" " | | 셀의 배경그림을 지정하는 태그 |
| colspan=2 | 수평으로 붙어있는 두개 이상의 셀을 합치는 태그 |
| rowspan=2 | | 수직으로 붙어있는 두개 이상의 셀을 합치는 태그 |
| | |
| width=100 | | 셀의 가로길이를 지정하는 태그 |
| height=70 | | 셀의 세로길이를 지정하는 태그 |
|
|