<![CDATA[
<div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/--XrIa-iey0?si=iRn46OhSuQEeayKG" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/--XrIa-iey0?si=iRn46OhSuQEeayKG" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div></div><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size23"><b>드롭다운 메뉴 A</b></span></p><p>Build A Responsive Multipage Education/School Website using HTML CSS & JavaScript Complete Tutorial</p><p> </p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b><!DOCTYPE html>         </b></span><br><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b><html lang="KO"></b></span><br><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b><head></b></span><br><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta charset="UTF-8"></b></span><br><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta http-equiv="X-UA-Compatible" content="IE=edge"></b></span><br><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta name="viewport" content="width=device-width, initial-scale=1.0"></b></span><br><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <title>Card Website</title><br></b></span><span style="color: #333333; background-color: #ffffff;" data-ke-size="size16">    </span><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b> <span style="color: #4f5d6a; background-color: #f5f5f5;"><</span><span style="color: #0986ff; background-color: #f5f5f5;"><span style="color: #0986ff;">link</span></span> <span style="color: #4f9fcf; background-color: #f5f5f5;"><span style="color: #4f9fcf;">href</span></span><span style="color: #4f5d6a; background-color: #f5f5f5;">=</span><span style="color: #d35e5e; background-color: #f5f5f5;"><span style="color: #d35e5e;">'<a href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css'" target="_top" class="ke-link">https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css'</a></span></span> <span style="color: #4f9fcf; background-color: #f5f5f5;"><span style="color: #4f9fcf;">rel</span></span><span style="color: #4f5d6a; background-color: #f5f5f5;">=</span><span style="color: #d35e5e; background-color: #f5f5f5;"><span style="color: #d35e5e;">'stylesheet'</span></span><span style="color: #4f5d6a; background-color: #f5f5f5;">></span></b></span><br><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <link rel="stylesheet" href="style.css"></b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b></head></b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b><body></b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <nav></b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <div class="container nav_container"</b></span><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>></b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                          <a href="index.html"><h4>EGATOR<h4></a></b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                          <ul classs="nav_menu"></b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                                 <li><a href="index.html">Home</a></li> </b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                                 <li><a href="index.html">About</a></li></b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                                 <li><a href="index.html">Courses</a></li> </b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                                 <li><a href="index.html">Contact</a></li> </b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                          </ul></b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                         <button id="open-menu-btn"><i class="uil-uil-bars"></i></button"> </b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                         <button id="close-menu-btn"><i class="uil-multiply"></i></button"> </b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  </div></b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </nav></b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b></body></b></span></p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b></html></b></span></p><p> </p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size20">꿀팁:  관련된  사이트</span></p><p> </p><p><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Serif KR';" data-ke-size="size18"><b><svg xmlns="<a href="http://www.w3.org/2000/svg" target="_blank" class="ke-link">http://www.w3.org/2000/svg</a>" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 8h18a1 1 0 0 0 0-2H3a1 1 0 0 0 0 2Zm18 8H3a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2Zm0-5H3a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2Z"/></svg></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><button type="button" class="btn btn-default" aria-label="Left Align"> </span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18">  <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span> </span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"></button> </span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><button type="button" class="btn btn-default btn-lg"> </span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18">  <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star </span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"></button></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><div class="input-group input-group-lg"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <span class="input-group-addon" id="sizing-addon1">@</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <input type="text" class="form-control" placeholder="Username" aria-describedby="sizing-addon1"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></div> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><div class="input-group"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <span class="input-group-addon" id="sizing-addon2">@</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <input type="text" class="form-control" placeholder="Username" aria-describedby="sizing-addon2"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></div> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><div class="input-group input-group-sm"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <span class="input-group-addon" id="sizing-addon3">@</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <input type="text" class="form-control" placeholder="Username" aria-describedby="sizing-addon3"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></div><a href="https://getbootstrap.com/docs/3.3/components/" target="_blank" class="ke-link">https://getbootstrap.com/docs/3.3/components/</a></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size23"><b> </b></span></p><p> </p><p> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1ZYvM/e8692afd34c15e7436e056f785207c853b074c4a" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1ZYvM/e8692afd34c15e7436e056f785207c853b074c4a" data-origin-width="554" data-origin-height="1200"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1ZYvM/ec774a03f93c1a755bfc5b3db601c18f0463f5fb" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1ZYvM/ec774a03f93c1a755bfc5b3db601c18f0463f5fb" data-origin-width="236" data-origin-height="518"></div><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size23"><b>HTML</b></span></p>
<!-- -->
]]>
첫댓글 https://www.google.com/search?q=Build+A+Responsive+Multipage+Education/School+Website+using+HTML+CSS+%26+JavaScript+Complete+Tutorial&client=avast-a-1&sca_esv=584519941&tbm=isch&sxsrf=AM9HkKksRoFcQh_GIMUYHYcy4jlaexVxSg:1700640457755&source=lnms&sa=X&ved=2ahUKEwjj1P-yk9eCAxUssVYBHd3jB18Q_AUoAnoECAMQBA&biw=1920&bih=963&dpr=1
https://www.pinterest.co.kr/news_hub/5332335379697681564/?closeup_pin_id=164451823885766677&utm_campaign=REALTIME_USER_ACTION_PIN_RECS&utm_medium=2902&utm_source=67&e_t=LSpbNouaW%3A153&tracking_id=88d941dbc2014adaa091f4e81921c2c8&scoring_id=88d941dbc2014adaa091f4e81921c2c8&snapshot_id=69e0dbaf09f64f9a9758964bc63a8c58
https://www.pinterest.co.kr/pin/883268545655227085/