- rwd.html 작성
<body>
<!-- layout -->
<div id="wrap">
<!-- headBox =========================================== -->
<header id="headBox">
<div class="headBox_innerwrap container clearfix">
<h1><a href="./all_contents.html">site name</a></h1>
<nav id="navBox">
<h2 class="blind">navigation</h2>
<div class="search_area">
<div class="search_open_btn">
<button type="button">
<span>검색창 띄우기</span>
</button>
</div>
<div class="search_part">
<form action="" method="get">
<fieldset>
<legend>검색</legend>
<label for="search">검색하세요</label>
<input type="serach" id="search" name="search" value="" placeholder="검색하세요" />
<button type="button"><span>검색</span></button>
</fieldset>
</form>
</div>
</div>
<div class="gnb_area">
<div class="gnb_btn">
<button type="button">
<span>메뉴</span></button>
</div>
<div class="gnb_nav">
<div class="gnb_close_btn">
<button type="button"><span>닫기</span></button>
</div>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">product</a></li>
<li><a href="#">notice</a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<!-- viewBox =========================================== -->
<section id="viewBox">
<h2 class="blind">광고영역</h2>
<div class="viewBox_innerwrap container">
<div class="indicator blind_wrap">
<ul class="clearfix">
<li><a href="#"><span>광고 1에 대한 요약설명</span></a></li>
<li><a href="#"><span>광고 2에 대한 요약설명</span></a></li>
<li><a href="#"><span>광고 3에 대한 요약설명</span></a></li>
<li><a href="#"><span>광고 4에 대한 요약설명</span></a></li>
<li><a href="#"><span>광고 5에 대한 요약설명</span></a></li>
<li><a href="#"><span>광고 6에 대한 요약설명</span></a></li>
<li><a href="#"><span>광고 7에 대한 요약설명</span></a></li>
</ul>
</div>
<div class="view_area">
<div class="view_guide">
<ul class="view_inner">
<li>광고 01</li>
<li>광고 02</li>
<li>광고 03</li>
<li>광고 04</li>
<li>광고 05</li>
<li>광고 06</li>
<li>광고 07</li>
</ul>
</div>
</div>
</div>
</section>
<!-- contentBox =========================================== -->
<article id="contentBox">
<div class="title_shape"></div>
<div class="content_area"></div>
</article>
<!-- infoBox =========================================== -->
<article id="infoBox" class="clearfix">
<div class="new_area info_table_area info_pc_area"></div>
<div class="notice_area info_table_area info_pc_area"></div>
<div class="more_content info_pc_area"></div>
</articl>
<!-- footBox =========================================== -->
<footer id="footBox">
<div class="footBox_innerwrap container clearfix"></div>
</footer>
</div>
<!-- script -->
<script src="../js/src/basic_code_23_rwd_02.js"></script>
</body>
'coding > html' 카테고리의 다른 글
| 0531 / iframe (외부 문서 불러오기) (0) | 2021.05.31 |
|---|---|
| 0525 / class="card" 내용 정리 (0) | 2021.05.25 |
| 0524 / image 요소 (0) | 2021.05.25 |
| 0524 / semantic 구조 (0) | 2021.05.24 |
| 0520 / position.html & css 개념 (0) | 2021.05.20 |