<![CDATA[
<p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><!DOCTYPE html></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><html lang="KO_Yoon"></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><head></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><title>Page Title</title></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><head></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <meta charset="UTF-8"></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <meta http-equiv="X-UA-Compatible" content="IE=edge"></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <meta name="viewport" content="width=device-width, initial-scale=1.0">         </b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <link rel="stylesheet" href="style".css"></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     <link rel=" <b>stylesheet" href="css/all.css"></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b>    <title>Dropdrown menu</title></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b></head></b></b></span></p><p style="text-align: left;"> </p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><body></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b>     <div class="Dropdown"></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b>            <nav></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b>                   <sa href="#">img src="/logo.png" alt="logo" class="logo"></a></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b>                  <ul></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b>                     <li><a href="#">Home</a></li></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b>                     <li><a href="#">About</a></li></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b>                     <li><a href="#">Services</a></li></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b>                          <ul></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b><b><b>                               <li><a href="#">Marketing</a></li></b></b></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b><b><b><b><b>                               <li><a href="#">Design</a></li></b></b></b></b></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b><b><b><b><b>                                    <ul></b></b></b></b></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b><b><b><b><b><b><b>                                         <li><a href="#">Web</a></li></b></b></b></b></b></b></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b><b><b><b><b><b><b><b><b>                                          <li><a href="#">Graphies</a></li></b></b></b></b></b></b></b></b></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b><b><b><b><b><b><b><b><b>                                         <li><a href="#">Interor</a></li></b></b></b></b></b></b></b></b></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b><b><b><b><b>                                   </ul></b></b></b></b></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b><b><b><b><b>                                </li></b></b></b></b></b></b></b></b></b></b></span></p><p style="text-align: left;"><span data-ke-size="size18"><span style="font-family: 'Noto Serif KR';"><b><b><b><b><b><b><b><b><b><b>                               <li></b></b></b></b></b></b></b></b></b></b></span><span style="font-family: 'Noto Serif KR';"><b><b><b><b><b><b><b><b><b><b><a href="#">Brending</a></li></b></b></b></b></b></b></b></b></b></b></span></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b>                         </ul></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b>                     </li></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b><b><b>                     <li><a href="#">Portfolio</a></li></b></b></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b><b><b><b><b><b><b><b><b>                     <li><a href="#">Contact</a></li></b></b></b></b></b></b></b></b></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b>                 </ul></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b>            </nav></b></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><b>     </div></b></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></body></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></html></b></span></p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML과 CSS를 사용한 반응형 드롭다운 탐섹메뉴   [Awesome Responsive Dropdown Navigation Menu Using HTML And CSS ]</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size23"><b>HTML CSS JAVASCI</b></span></p>
<!-- -->
]]>
첫댓글 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default_default
https://www.google.com/search?client=avast-a-1&q=HTML%EA%B3%BC+CSS%EB%A5%BC+%EC%82%AC%EC%9A%A9%ED%95%9C+%EB%A9%8B%EC%A7%84+%EB%B0%98%EC%9D%91%ED%98%95+%EB%93%9C%EB%A1%AD%EB%8B%A4%EC%9A%B4+%ED%83%90%EC%83%89+%EB%A9%94%EB%89%B4&ie=UTF-8