<!DOCTYPE html>
<!-- html/layout_001.html -->
<html lang="ko-KR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes, minimum-scalable=0.5, maximum-scalable=3.0 ">
<!-- <meta name="description" content="웹표준, 웹기초 공부">
<meta name="keyword" content="web, html, css, javascript">
<meta name="author" conetent="저자"> -->
<!--[if IE]>
<script src="../ie/html5shiv/dist/html5shiv.min.js"></script>
<sccipt src="../ie/ie9js/ie9.min.js"></script>
<script src="../ie/csspie/PIE.js"></script>
<script src="../ie/responsive.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="favicon.png" type="image/png">
<link rel="apple-touch-icon" href="favicon.png">
<link rel="stylesheet" href="../css/src/layout_001.css">
<title>웹 기초 - 레이아웃 연습_001</title>
</head>
<body>
<!-- layout -->
<!-- <h1><a href="./all.contents.html">웹 기초 - 레이아웃 01</a></h1>
<hr /> -->
<div id="wrap">
<!-- #header -->
<div id="header">#header</div>
<!-- //#header -->
<!-- #section -->
<!-- <div id="section">#section</div> -->
<div id="section">
<div class="sect_01">.sect_01</div>
<div class="sect_02">.sect_02</div>
</div>
<!-- //#section -->
<!-- #footer -->
<div id="footer">#footer</div>
<!-- //#footer -->
</div> <!-- //#wrap -->
<!-- script -->
<!-- <script src="../js/src/layout_001.js"></script> -->
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------
(html 모드로 변경)
'coding > html' 카테고리의 다른 글
| 0513 / layout.html (float속성 & clear속성) (0) | 2021.05.13 |
|---|---|
| 0512 / float.html (clearfix, clear:both 개념) (0) | 2021.05.13 |
| 0504 / basic_code_04_setting.html (0) | 2021.05.07 |
| 0503 / basic_code_03.html (table 구조와 그 예시) (0) | 2021.05.07 |
| 0429 / basic_code_02.html (0) | 2021.05.07 |