<!DOCTYPE html>
<html lang="ko">
<head>
<title> 표작성 </title>
</head>
<body>
<!-- 표작성 table
colum 열, row 행, cell 한 칸-->
<table border="1">
<tr><!--줄 시작-->
<td>1</td><!-- cell -->
<td>2</td>
<td>3</td>
</tr><!-- 줄 끝 -->
</table>
<hr>
<table border="1" width="500" height="300">
<tr>
<th>이름</th><!-- cell 굵은글자-->
<th>주소</th>
</tr>
<tr>
<td>무궁화</td>
<td>강남구 테헤란로</td>
</tr>
</table>
<br>
<table border="1" width="50%">
<tr>
<th>이름</th><!-- cell 굵은글자-->
<th>주소</th>
</tr>
<tr>
<td>무궁화</td>
<td>강남구 테헤란로</td>
</tr>
</table>
<br>
<br>
<!--정렬: 가로(align), 세로(valign)-->
<table border="1" width="250" height="300">
<tr>
<td align="left">종로구</td>
<td align="center">중구</td>
<td align="right">마포구</td>
</tr>
<tr>
<td valign="top">강남구</td>
<td valign="middle">서초구</td>
<td valign="bottom">송파구</td>
</tr>
<tr>
<td align= "left" valign="top">노원구</td>
<td align= "center" valign="middle">강북구</td>
<td align= "right" valign="bottom">도봉구</td>
</tr>
</table>
<hr>
<!--표안에서 영역 구분 <thead> <tbody> <tfoot>-->
<table border="1"> <!--테이블 머리말 영역-->
<thead>
<tr>
<th>월</th>
<th>요금</th>
</tr>
</thead>
<tbody><!-- 테이블 본문 영역-->
<tr>
<td>1월</td>
<td>1000원</td>
</tr>
<tr>
<td>2월</td>
<td>2000원</td>
</tr>
<tr>
<td>3월</td>
<td>3000원</td>
</tr>
</tbody>
<tfoot><!--꼬리말 영역-->
<tr>
<td>합계</td>
<td>6000원</td>
</tr>
</tfoot>
</table>
<hr>
<!-- 표 내부에서 표작성이 가능-->
<table border="1" width="150" height="200">
<tr>
<td>국어</td>
<td align="center">
<table border="1">
<tr>
<td>수학</td>
<td>과학</td>
</tr>
<tr>
<td>미술</td>
<td>음악</td>
</tr>
</table><!-- 내부 테이블 종료-->
</td>
</tr>
</table><!-- 외부 테이블 종료-->
</body>
</html>
