(예 ex_13.html)
<html>
<head><title>
테이블 </title></head>
<body>
1)테이블 기본 형식
<table
border width=200 height=100>
<tr>
<td>1셀</td> <td>2셀</td> </tr>
<tr> <td
width=50% height=50%>3셀</td> </tr>
</table><br>
2)테이블의 테두리선 지정
<table
border=3 bordercolor=blue width=200 height=100>
<tr>
<td>1셀</td> <td>2셀</td> </tr>
<tr> <td>3셀</td>
<td>4셀</td> </tr>
</table><br>
3)테이블의 테두리선의 이중 색상 지정
<table
border=5 bordercolorlight=yellow bordercolordark=red>
<tr>
<td>1셀</td> <td>2셀</td> </tr>
<tr> <td>3셀</td>
<td>4셀</td> </tr>
</table><br>
4)셀 간격 지정
<table
cellspacing=5 cellpadding=10 border=1>
<tr>
<td>1셀</td> <td>2셀</td> </tr>
<tr> <td>3셀</td>
<td>4셀</td> </tr>
</table><br>
5)테이블에 항목 명(헤더) 넣기-헤더는 굵은 글씨체로
표시됨
<table border=1>
<tr> <th>국어</th>
<th>영어</th> </tr>
<tr>
<td>80</td> <td>90</td> </tr>
</table><br>
6)맨 앞쪽 열에 제목 헤더를 넣고 싶을 때
<table
border=1>
<tr>
<th>국어</th> <td>80</td> </tr>
<tr> <th>영어</th>
<td>90</td> </tr>
</table><br>
7)배경색 지정
<table
border=2 bgcolor=gold>
<tr>
<td>1셀</td> <td>2셀</td> </tr>
<tr bgcolor=green>
<td>3셀</td> <td bgcolor=red>4셀</td> </tr>
</table><br>
8)위치지정
<table
border=3 width=200 height=100>
<tr
align=left valign=top> <td>1셀</td> <td>2셀</td>
</tr>
<tr>
<td>3셀</td> <td align=right valign=top>4셀</td>
</tr>
</table><br>
9)수평 셀 합치기
<table
border=1>
<tr>
<td colspan=2>1-1</td> <td>1-2</td> </tr>
<tr> <td>홍길동</td>
<td>박영희</td> <td>김철수</td> </tr>
</table><br>
10)수직 셀 합치기
<table
border=1>
<tr>
<td rowspan=2>1-1</td> <td>홍길동</td> </tr>
<tr> <td>박영희</td>
</tr>
<tr>
<td>1-2</td> <td>김철수</td> </tr>
</table><br>
11)테이블에 그림 넣기
<table
border=3 width=100 height=50>
<tr>
<td><img src="apple.gif"></td> <td>사과</td>
</tr>
</table><br>
</body>
</html> |