<![CDATA[
<p><a href="https://www.google.com/search?q=How+To+Create:+Flex+Box+Navbar+With+Logo+%7C+Simple+%7C+Easy&sca_esv=572078159&hl=ko&tbm=isch&source=lnms&sa=X&ved=2ahUKEwjtnbzIueqBAxV1h1YBHQLFAWsQ_AUoAnoECAEQBA&biw=1844&bih=908&dpr=1" target="_top" class="ke-link">https://www.google.com/search?q=How+To+Create:+Flex+Box+Navbar+With+Logo+%7C+Simple+%7C+Easy&sca_esv=572078159&hl=ko&tbm=isch&source=lnms&sa=X&ved=2ahUKEwjtnbzIueqBAxV1h1YBHQLFAWsQ_AUoAnoECAEQBA&biw=1844&bih=908&dpr=1</a> </p><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="How To Create: Flex Box Navbar With Logo | Simple | Easy - Google 검색" data-og-description="How to Build a Responsive... webdesign.tutsplus.com" data-og-host="www.google.com" data-og-source-url="https://www.google.com/search?q=How+To+Create:+Flex+Box+Navbar+With+Logo+%7C+Simple+%7C+Easy&sca_esv=572078159&hl=ko&tbm=isch&source=lnms&sa=X&ved=2ahUKEwjtnbzIueqBAxV1h1YBHQLFAWsQ_AUoAnoECAEQBA&biw=1844&bih=908&dpr=1" data-og-url="https://www.google.com/search?bih=908&biw=1844&dpr=1&hl=ko&q=How+To+Create%3A+Flex+Box+Navbar+With+Logo+%7C+Simple+%7C+Easy&sa=X&sca_esv=572078159&source=lnms&tbm=isch&ved=2ahUKEwjtnbzIueqBAxV1h1YBHQLFAWsQ_AUoAnoECAEQBA"><a href="https://www.google.com/search?q=How+To+Create:+Flex+Box+Navbar+With+Logo+%7C+Simple+%7C+Easy&sca_esv=572078159&hl=ko&tbm=isch&source=lnms&sa=X&ved=2ahUKEwjtnbzIueqBAxV1h1YBHQLFAWsQ_AUoAnoECAEQBA&biw=1844&bih=908&dpr=1" target="_blank" data-source-url="https://www.google.com/search?q=How+To+Create:+Flex+Box+Navbar+With+Logo+%7C+Simple+%7C+Easy&sca_esv=572078159&hl=ko&tbm=isch&source=lnms&sa=X&ved=2ahUKEwjtnbzIueqBAxV1h1YBHQLFAWsQ_AUoAnoECAEQBA&biw=1844&bih=908&dpr=1"><div class="og-image"><img src="null" alt="" xxxxonerror="this.src="//img1.kakaocdn.net/thumb/C200x200/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fcafe_image%2Fcafe_meta_image_190529.png""></div><div class="og-text"><p class="og-title">How To Create: Flex Box Navbar With Logo | Simple | Easy - Google 검색</p><p class="og-desc">How to Build a Responsive... webdesign.tutsplus.com</p><p class="og-host">www.google.com</p></div></a></div><p><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><!DOCTYPE html> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><html lang="en"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>    <meta charset="UTF-8"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>    <meta http-equiv="X-UA-Compatible" content="IE=edge"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>    <meta name="viewport" content="width=device-width, initial-scale=1.0"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>    <title>Document</title> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>    <link rel="stylesheet" href="style.css"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b></head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>      </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>    <header> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>  </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>        <img class="logo" src="./images/logo.svg" alt=""> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>  </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>        <nav> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>            <ul class="nav__links"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>                <li><a href="#">Home</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>                <li><a href="#">Services</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>                <li><a href="#">Project</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>                <li><a href="#">About</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>                <li><a href="#">Music</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>            </ul> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>        </nav> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>  </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>        <a href="" class="cta"><button>Contact</button></a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>  </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>    </header> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>  </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b></body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b></html></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>style tag</b></span></p><p> </p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>HTML</b></span></p>
<!-- -->
]]>
카페 게시글
◈─---… 홈피의 영상방
Re: Box Navbar With Logo | Simple | Easy
gyun님
추천 0
조회 4
23.10.10 11:41
댓글 4
다음검색
첫댓글 https://ziontutorial.com/navbar-css-tutorial-create-a-navigation-bar-with-flexbox/
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro