반응형

안녕하세요. 플입니다.
오늘은 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 |
냐울님의
글이 좋았다면 응원을 보내주세요!
이 글이 도움이 됐다면, 응원 댓글을 써보세요. 블로거에게 지급되는 응원금은 새로운 창작의 큰 힘이 됩니다.
응원 댓글은 만 14세 이상 카카오계정 이용자라면 누구나 편하게 작성, 결제할 수 있습니다.
글 본문, 댓글 목록 등을 통해 응원한 팬과 응원 댓글, 응원금을 강조해 보여줍니다.
응원금은 앱에서는 인앱결제, 웹에서는 카카오페이 및 신용카드로 결제할 수 있습니다.