TABLES
<TABLE
[ALIGN=LEFT(default)|CENTER|RIGHT]
[BORDER[=n]]
[CELLPADDING=n]
[CELLSPACING=n]
[WIDTH=n[%]]
[HEIGHT=n[%]]>
<CAPTION
[ALIGN=TOP(default)|BOTTOM]>
......</CAPTION>
<TR
[ALIGN=LEFT|CENTER|RIGHT]
[VALIGN=BOTTOM|MIDDLE|TOP]>
<TH
[ALIGN=LEFT|CENTER|RIGHT]
[VALIGN=BOTTOM|MIDDLE|TOP]
[COLSPAN=n]
[ROWSPAN=n]
[WIDTH=n[%]]>......
</TH>
<TD
[ALIGN=LEFT|CENTER|RIGHT]
[VALIGN=BOTTOM|MIDDLE|TOP]
[COLSPAN=n]
[ROWSPAN=n]
[WIDTH=n[%]]>......
</TD>
</TR>
</TABLE>
table은 표작성에 사용된다.
table은 <table> ... </table>로 시작과 끝을 알리며, <tr>은 하나의 행을
나타낸다. <th>는 각 행과 열의 제목을, 그리고 <td>는 각 셀의 내용을
나타낸다. <th>와 <td>는 브라우저의 문자 속성에 그 차이가 있다. 한편,
</tr>, </th>, </td>는 생략될 수 있다.
단, nested tables (table 속에 또 다시 table을 사용한 경우)
에는 </tr>, </th>, </td>를 생략하면,
원하는 데로 출력되지 않을 수 있다. ([예]
NESTED TABLES)
그리고 필요하다면 <caption>을 이용하여 표제를 달 수 있다.
[사용예]
<table border>
<tr><th>과목 <th>성적 <th>석차 <th>평가
<tr><th>영어 <td>90 <td>7/50 <td align=center>수
<tr><th>수학 <td>80 <td>12/50 <td align=center>우
</table>
|
[출력]
| 과목 | 성적 | 석차 | 평가
|
|---|
| 영어 | 90 | 7/50 | 수
|
|---|
| 수학 | 80 | 12/50 | 우
|
|---|
다양한 attribute를 사용하여 좀더 세련된
모양의 table을 작성할 수 있다.
- ALIGN
- 브라우저의 위도우에서 table의 위치를 정한다.
- BORDER
- 각 cell(<th>, <td>는 각각 하나의
cell에 해당한다)을 구분하는 선을 긋는다. 숫자가 지정되면
table 테두리선의 굵기를 지정하게 된다.
[예] A TABLE WITHOUT BORDERS
A TABLE WITH A BORDER OF 10
- CELLPADDING
- cell 구분선과 문자(cell의 내용)간의
간격을 지정
[예] CELLPADDING AND CELLSPACING
- CELLSPACING
- cell 구분선간의 폭 지정
[예] CELLPADDING AND CELLSPACING
- WIDTH
- table의 가로폭 지정
[예] BASIC 50% WIDTH
- HEIGHT
- table의 세로폭(높이) 지정
[예] HEIGHT=15%
- ALIGN
- 표제가 놓일 위치(위,아래)를 정한다.
[예] CAPTION=TOP|BOTTOM
- ALIGN, VALIGN
- 한 행에 포함된 각 cell들의 문자들(내용)의 가로 및 세로 위치 지정
[예] ALIGN=LEFT|RIGHT|CENTER
VALIGN=TOP|BOTTOM|MIDDLE
<TH> <TD>
- ALIGN, VALIGN
- 해당 cell의 문자들(내용)의 가로 및 세로 위치 지정
[예] ALIGN=LEFT|RIGHT|CENTER
VALIGN=TOP|BOTTOM|MIDDLE
- COLSPAN, ROWSPAN
- 해당 cell의 가로/세로 확대. 지정된 숫자 만큼
다른 cell에 비하여 폭이 커진다.
[예] DEMONSTRATIONS OF COLSPAN & ROWSPAN
- WIDTH
- 해당 cell의 가로폭 지정
[다양한 attribute를 사용한 예]
<TABLE BORDER>
<CAPTION>A test table with merged cells</CAPTION>
<TR><TH ROWSPAN=2><TH COLSPAN=2 WIDTH=100>Average
<TH ROWSPAN=2 WIDTH=70>other<BR>category<TH WIDTH=70>Misc
<TR><TH>height<TH>weight
<TR><TH ALIGN=LEFT>males<TD ALIGN=RIGHT>1.9<TD ALIGN=RIGHT>0.003<TD>男
<TR><TH ALIGN=LEFT ROWSPAN=2>females<TD ALIGN=RIGHT>1.7<TD ALIGN=RIGHT>0.002<TD>女<TD>Linda
</TABLE>
|
[출력]
A test table with merged cells
| Average
| other
category | Misc
|
|---|
| height | weight
|
|---|
| males | 1.9 | 0.003 | 男
|
|---|
| females | 1.7 | 0.002 | 女 | Linda
|
|---|
여기서 사용된 예제 THE TABLE SAMPLER는
http://home.netscape.com/assist/net_sites/table_sample.html를
인용한 것이다.