Difference between r1.3 and the current
@@ -1,6 +1,36 @@
= 데블스캠프2009/월요일/연습문제/HTML-CSS/강성현 =
== 데블스캠프2009/월요일/연습문제/HTML-CSS/강성현 ==
{{{<html>
<head>
<style type="text/css">
body {background-image:url('paper.gif'); padding:0px; margin:0px; }
div { float:left; border:0px; border-style:solid; border-width:0px; }
#top { width: 100%; }
#left { width: 30%; height:300px; }
#left:hover { background:url(http://abeek.cau.ac.kr/cauabeek/ImageViewStu?hakbun=20073050); }
#center { width:40%; height:300px; }
#center:hover { background:url(http://abeek.cau.ac.kr/cauabeek/ImageViewStu?hakbun=20082990); }
#right {float:right; width:30%; height:300px; }
#right:hover { background:url(http://abeek.cau.ac.kr/cauabeek/ImageViewStu?hakbun=20082977); }
#bottom {width:100%; }
</style>
</head>
<body>
<div id="top">hello world</div>
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
<div id="bottom">4</div>
</body>
</html>
}}}
== 해본거 ==
{{{#!html
<img src="http://tunakheh.compuz.com/zboard/data/temp/aa.png" width="600" height="400" onclick="window.open('http://tunakheh.compuz.com/zboard/data/temp/aa.png','photo_popup','width=600,height=400,scrollbars=yes,resizable=yes');">
}}}클릭하면 크게보임
데블스캠프2009/월요일/연습문제/HTML-CSS/강성현 ¶
<html>
<head>
<style type="text/css">
body {background-image:url('paper.gif'); padding:0px; margin:0px; }
div { float:left; border:0px; border-style:solid; border-width:0px; }
#top { width: 100%; }
#left { width: 30%; height:300px; }
#left:hover { background:url(http://abeek.cau.ac.kr/cauabeek/ImageViewStu?hakbun=20073050); }
#center { width:40%; height:300px; }
#center:hover { background:url(http://abeek.cau.ac.kr/cauabeek/ImageViewStu?hakbun=20082990); }
#right {float:right; width:30%; height:300px; }
#right:hover { background:url(http://abeek.cau.ac.kr/cauabeek/ImageViewStu?hakbun=20082977); }
#bottom {width:100%; }
</style>
</head>
<body>
<div id="top">hello world</div>
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
<div id="bottom">4</div>
</body>
</html>
해본거 ¶
클릭하면 크게보임
