-원본-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>무제 문서</title>
</head>
<body bgcolor="#FFFFFF">
<table width="940" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="183"><img src="images/common/logo.jpg" width="196" height="72" /></td>
<td width="757" valign="baseline"><div align="right"><img src="images/common/tm_1.jpg" width="49" height="18" /><img src="images/common/tm_2.jpg" width="78" height="18" /><img src="images/common/tm_3.jpg" width="57" height="18" /></div></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/common/menu_bg.jpg"><div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="940" height="91">
<param name="movie" value="flash/menu_main.swf" />
<param name="quality" value="high" />
<embed src="flash/menu_main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="940" height="91"></embed></object>
</div></td>
</tr>
</table>
<table width="940" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="196" valign="top"><div align="center"><img src="images/common/fm.jpg" width="179" height="275" /></div></td>
<td width="744"><div align="center"><img src="images/common/contents.jpg" width="714" height="746" /></div></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/common/foot_bg.jpg"><div align="center"> <img src="images/common/foot.jpg" width="940" height="93" /></div></td>
</tr>
</table>
</body>
</html>
-제작-
<style>
*{
/*border:1px solid #000;*/
}
.page{
margin:auto;
width:100%;
text-align:center;
}
.container{
width:940px;
}
.logo{
margin:0;
padding:0;
float:left;
width:183px;
}
.gnb{
margin:0;
padding:0;
margin:54px 0 0 0;
float:right;
}
.left{
margin:0;
padding:0;
float:left;
width:196px;
text-align:center;
}
.content{
margin:0;
padding:0;
margin:0;
float:right;
width:744px;
text-align:center;
}
.footer{
margin:0;
padding:0;
width:940px;
background:url(images/common/foot_bg.jpg) no-repeat;
}
</style>
<div class="page">
<div class="container">
<div class="logo"><img src="images/common/logo.jpg" width="196" height="72" /></div>
<div class="gnb"><img src="images/common/tm_1.jpg" width="49" height="18" /><img src="images/common/tm_2.jpg" width="78" height="18" /><img src="images/common/tm_3.jpg" width="57" height="18" /></div>
</div>
<div class="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="940" height="91">
<param name="movie" value="flash/menu_main.swf" />
<param name="quality" value="high" />
<embed src="flash/menu_main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="940" height="91"></embed></object>
</div>
<div class="container">
<div class="left">
<img src="images/common/fm.jpg" width="179" height="275" />
</div>
<div class="content">
<img src="images/common/contents.jpg" width="714" height="746" />
</div>
</div>
<div class="footer">
<img src="images/common/foot.jpg" width="940" height="93" />
</div>
</div>
'xhtml' 카테고리의 다른 글
| img 태그에 width와 height 속성이 필요한 이유 (0) | 2012.01.16 |
|---|---|
| div 태그로 짠 테이블 (0) | 2011.07.14 |
| xhtml 꾸미기 (0) | 2011.07.13 |
