냐울당 햄버거 메뉴
반응형

안녕하세요. 플입니다.

오늘은 nav태그를 이용해 메뉴를 만들어봤습니다.


https://youtu.be/4kNNcnqQ42g

 

오늘은 영상으로 대체하겠습니다.

코딩 화면을 한번 찍어봤습니다.

 

<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
댓글

냐울님의
글이 좋았다면 응원을 보내주세요!

위쪽 화살표
도움이 되었다면 공감(하트)과 댓글을 부탁드려요.