3월 ~ ) HTML 와 CSS/레이아웃
레이아웃 1
첼로그
2024. 3. 5. 18:43
index.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="author" content="webstory">
<meta name="description" content="웹 표준을 준수한 사이트 예제입니다.">
<meta name="keywords" content="웹스토리보이, 웹표준, 웹접근성, 사이트 만들기">
<meta name="generator" content="brakets">
<title>WEBSTROYBOY SITE</title>
<!-- CSS STYLE -->
<link rel="stylesheet" href="css/reset.css"> <!-- 순서대로 우선순위 -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- 헤더메뉴 -->
<div id="wrap">
<div id="header"> </div>
<div id="contents"> </div>
<div id="footer"> </div>
</div>
<!-- //헤더메뉴 -->
</body>
</html>
style.css
@charset "utf-8"; /* 이거적으면 한글 안깨짐 */
/* 레이아웃 */
#wrap {width: 100%; }
#header {width: 100%; height: 325px; background: #111; }
#contents {width: 100%; height: 800px; background: #222; }
#footer {width: 100%; height: 200px; background: #333;}
reset.css
@charset "utf-8";
/* 여백 초기화 */
body,div,ul,li,dl,dt,ol,h1,h2,h3,h4,h5,input,feildset,legend,p,select,table
th, td, tr, textarea, button, form {margin: 0; padding: 0;}