출처 http://blog.naver.com/arpia2013?Redirect=Log&logNo=30146737829
=======================
※ 웹표준이 아닌 테이블로 제작 ※
<html><head> <title> New Document </title>
</head>
<body>
<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>main Tatle of web page</h1>
</td>
</tr>
<tr valign="top">
<td style="background-color:#FFD700;width:100px; taxt-align:top;">
<b>menu</b><br>
html<br>
css<br>
javascript
</td>
<td style="background-color:#eeeeee;height:200px; width:400px; text-align:top;">
</td>
</tr>
======================
※ DIV태그 ※
<html><head> <title> DIV 태그 </title>
</head>
<body>
<DIV ID="container" style="width:500px">
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">main Tatle of web page</h1></div>
<div id="menu" style="background-color:#FFD700;height=200px; width:100px; float:left;">
<b>menu</b><br>
html<br>
css<br>
javascript</div>
<div id="content" style="background-color:#eeeeee;height:200px; width:400px; float:left;">
Content</div>
<div id="foot" style="background-color:#ffa500;clear:both;"> Copyright 2012 arpia.com</div>
</body>
</html>
<tr>
<td colspan="2" style="background-color:#ffa500;text-color:center;"> Copyright 2012 arpia.com</td>
</table>
</body>
</html>
'Study > HTML' 카테고리의 다른 글
HTML 기본 문법 (1) | 2012.05.14 |
---|---|
HTML 테이블 만들어보기 예제 (0) | 2012.04.27 |