반응형
안녕하세요. 플입니다.
오늘은 nav태그를 이용해 메뉴를 만들어봤습니다.
오늘은 영상으로 대체하겠습니다.
코딩 화면을 한번 찍어봤습니다.
<section id="header">
<div class="h_inner">
<h1><a href="index.html"><img src="images/logo.png" alt="ssimplay"></a></h1>
<nav>
<ul class="gnb">
<li><a href="sub1.html">About</a></li>
<li><a href="sub2.html">Portfolio</a></li>
<li><a href="sub3.html">Contact</a></li>
</ul>
</nav>
</div>
</section>
전체 코드를 남겨둡니다.
<nav> 태그는 메뉴를 감쌀 때 주로 사용하는 태그입니다.
보통 <nav> 태그 안에 gnb메뉴를 넣습니다.
그럼 이만.
총총.
반응형
'coding > html + css' 카테고리의 다른 글
[sass/scss] 자동 컴파일하기 (0) | 2019.09.25 |
---|---|
[html] <span> (0) | 2019.09.24 |
[html] <img>태그 alt 속성 (0) | 2019.09.18 |
[css] hover로 색 바꾸기 (0) | 2019.09.06 |
[css] border-style 종류 (0) | 2019.08.07 |