728x90
index.html
<!DOCTYPE html>
<html lang="ko">
<head>
<!--문서속의 언어가 utf-8-->
<meta charset="UTF-8">
<meta name="author" content="webstoryboy">
<!--사이트 설명 : 검색할때 나오는 부분-->
<meta name="description" content="웹 표준을 준수한 사이트 예제입니다.">
<meta name="keyword" content="웹스토리보이, 웹표준, 웹접근성, 사이트 만들기">
<meta name="generator" content="brakets">
<title>WEBSTANDARD 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>reset.css
@charset "UTF-8";
/*여백 초기화*/
body,div,ul,li,dl,dt,ol,h1,h2,h3,h4,h5,h6,input,fieldset,legend,p,select,table,th,td,tr,textarea,button,form {margin: 0; padding: 0;} /*모두 적용하는 것이 아닌 지정된 것에만 여백 설정*/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;}사이트 링크
http://hostingju.dothome.co.kr/web/index.html
WEBSTANDARD SITE
hostingju.dothome.co.kr
728x90
'프론트엔드 > 웹 표준 사이트 만들기' 카테고리의 다른 글
| 사이트제작 - 헤더배경 & 메뉴 (0) | 2021.09.01 |
|---|---|
| 사이트제작 - 스킵메뉴 (0) | 2021.09.01 |
| 사이트제작 - 레이아웃2 (0) | 2021.08.31 |
| 사이트제작 - 닷홈, FileZilla와 Visual Sstudio Code 연결 (0) | 2021.08.31 |
| 레이아웃 만들기 (0) | 2021.08.30 |