©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>HTML Layouts</title>
</head>

<body>

	<h1>table 요소를 이용한 레이아웃</h1>
	<table width="100%" style="text-align:center; border:none">
		<tr>
			<td colspan="2" style="background-color:lightgrey">
				<h2>HEADER 영역</h2>
			</td>
		</tr>
		<tr>
			<td style="background-color:#339999; color:white; width:20%">
				<h2>NAV 영역</h2>
			</td>
			<td style="height:200px; text-align:left">
				<p>SECTION 영역</p>
			</td>
		</tr>
		<tr>
			<td colspan="2" style="background-color:#FFCC00">
				<h2>FOOTER 영역</h2>
			</td>
		</tr>
	</table>

</body>

</html>