학원 수강2교시째 정보
학원 수강2교시째본문
일단 십여년간 에디터로 마우스 끄적대다가
하드코딩할려니까 간단한 html문법도 잘기억이안나네요
하드코딩해보니까 주석문없이는 뭔코드인지 하나도 모르겠네요
저번주 목욜날 공부한거 복습하는데 이거 진짜 머리 찌내리네요
<!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" />
<link rel="stylesheet" type="text/css" href="css2.css"/>
<title>리바이스</title>
</head>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css2.css"/>
<title>리바이스</title>
</head>
<body>
<div id="wrep ab"><!--바디DIV시작-->
<div class="nvi re"><!--네비 DIV시작-->
</div><!--네비DIV끝-->
<div class="contents re"><!--컨텐츠DIV시작-->
<div class="main_img re"><!--메인이미지시작-->
<img src="img/bn_main.jpg" />
</div><!--메인이미지끝-->
<div class="main_btn re"><!--메인 버튼시작-->
<ul>
<li><img src="img/bn_bottom01.jpg" /></li>
<li><img src="img/bn_bottom02.jpg" /></li>
<li><img src="img/bn_bottom03.jpg" /></li>
<li><img src="img/bn_bottom04.jpg" /></li>
</ul>
</div><!--메인 버튼 끝-->
</div><!--컨텐츠DIV끝-->
<div class="bottom re"><!--하단dvi시작-->
<div class="bottom_btn re"><!--하단 버튼시작-->
<ul>
<li class="m1"><a><span class="blind">aboutlives</span></a></li>
<li class="m2"><a><span class="blind">Contactus</span></a></li>
<li class="m3"><a><span class="blind">SiteMap</span></a></li>
<li class="m4"><a><span class="blind">Recruit</span></a></li>
<li class="m5"><a><span class="blind">Privacy Polcy</span></a></li>
</ul>
</div> <!--하단버튼끝-->
<div class="copy re"><!--하단카피-->
<img src="img/copyright.gif" />
</div><!--하단카피끝-->
</div><!--하단div끝-->
</div>
<!--바디DIV끝-->
<div class="nvi re"><!--네비 DIV시작-->
</div><!--네비DIV끝-->
<div class="contents re"><!--컨텐츠DIV시작-->
<div class="main_img re"><!--메인이미지시작-->
<img src="img/bn_main.jpg" />
</div><!--메인이미지끝-->
<div class="main_btn re"><!--메인 버튼시작-->
<ul>
<li><img src="img/bn_bottom01.jpg" /></li>
<li><img src="img/bn_bottom02.jpg" /></li>
<li><img src="img/bn_bottom03.jpg" /></li>
<li><img src="img/bn_bottom04.jpg" /></li>
</ul>
</div><!--메인 버튼 끝-->
</div><!--컨텐츠DIV끝-->
<div class="bottom re"><!--하단dvi시작-->
<div class="bottom_btn re"><!--하단 버튼시작-->
<ul>
<li class="m1"><a><span class="blind">aboutlives</span></a></li>
<li class="m2"><a><span class="blind">Contactus</span></a></li>
<li class="m3"><a><span class="blind">SiteMap</span></a></li>
<li class="m4"><a><span class="blind">Recruit</span></a></li>
<li class="m5"><a><span class="blind">Privacy Polcy</span></a></li>
</ul>
</div> <!--하단버튼끝-->
<div class="copy re"><!--하단카피-->
<img src="img/copyright.gif" />
</div><!--하단카피끝-->
</div><!--하단div끝-->
</div>
<!--바디DIV끝-->
</body>
</html>
</html>
@charset "utf-8";
/* CSS Document */
/* CSS Document */
body{ margin:opx; background-color:#000; font-family:Verdana, Geneva, sans-serif,"돋움","굴림"; color:#FFF;}
img{border:0px;}
ul{list-style:none; margin:0px; padding:0px;}/* ul테그 스타일정의 패딩값 마진값 정의 */
ul{list-style:none; margin:0px; padding:0px;}/* ul테그 스타일정의 패딩값 마진값 정의 */
.re{position:relative;}
.ab{position:absolute;}
.ab{position:absolute;}
.wrep{width:900px;}
.main_btn{ width:900px; height:100px;}
.main_btn li{ float:left; margin-right:5px;}/*메인베너float은 흐름속성 좌측정렬 마진값설정*/
.blind{ display:none; top:0px; width:0px; height:0px; overflow:hidden;}/*overflow:hidden;값은 값이넘치는것을 방지하기위해*/
.main_btn{ width:900px; height:100px;}
.main_btn li{ float:left; margin-right:5px;}/*메인베너float은 흐름속성 좌측정렬 마진값설정*/
.blind{ display:none; top:0px; width:0px; height:0px; overflow:hidden;}/*overflow:hidden;값은 값이넘치는것을 방지하기위해*/
.bottom_btn{border-bottom:1px solid #CCC;; border-top:1px solid #CCC; width:900px; height:30px;}
.bottom_btn li{float:left; margin-top:5px; margin-bottom:5px;}
.bottom_btn a{background:url(img/menu.gif) no-repeat; display:inline-block;margin-left:10px; margin-right:5px; } /* inline-block 드롭다운메뉴나 롤오버 버튼 생성시 이미지를 숨기는 용도로사용*/
.bottom_btn li{float:left; margin-top:5px; margin-bottom:5px;}
.bottom_btn a{background:url(img/menu.gif) no-repeat; display:inline-block;margin-left:10px; margin-right:5px; } /* inline-block 드롭다운메뉴나 롤오버 버튼 생성시 이미지를 숨기는 용도로사용*/
.bottom_btn li a{width:80px; height:20px; margin-left:10px; margin-right:5px;} /* li 에a 테그에 가로세로높이지정*/
.bottom_btn .m1 a{background-position:-300px 0px;}
.bottom_btn .m2 a{background-position:-300px -25px;}
.bottom_btn .m3 a{background-position:-300px -50px;}
.bottom_btn .m4 a{background-position:-300px -75px;}
.bottom_btn .m5 a{background-position:-300px -100px;}
.bottom_btn .m1 a{background-position:-300px 0px;}
.bottom_btn .m2 a{background-position:-300px -25px;}
.bottom_btn .m3 a{background-position:-300px -50px;}
.bottom_btn .m4 a{background-position:-300px -75px;}
.bottom_btn .m5 a{background-position:-300px -100px;}
.bottom_btn .m1 a:hover{background-position:-400px 0px;}
.bottom_btn .m2 a:hover{background-position:-400px -25px;}
.bottom_btn .m3 a:hover{background-position:-400px -50px;}
.bottom_btn .m4 a:hover{background-position:-400px -75px;}
.bottom_btn .m5 a:hover{background-position:-400px -100px;}
.bottom_btn .m2 a:hover{background-position:-400px -25px;}
.bottom_btn .m3 a:hover{background-position:-400px -50px;}
.bottom_btn .m4 a:hover{background-position:-400px -75px;}
.bottom_btn .m5 a:hover{background-position:-400px -100px;}
원래 이코드 10번 쳐보고 잘려고했는데 3번치니까 손모가지가 후덜거리네요 ㅜㅜ
댓글 전체