<![CDATA[
<p>How to Create Transparent Drop Down Navigation Menu with CSS and HTML Tutorial</p><div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/i6hlg6z2ijM?si=vf_kQlSu7Z0feJCy" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/paUdvVuJTZc?si=P5No_3g1d7UuCzwr" 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/i6hlg6z2ijM?si=vf_kQlSu7Z0feJCy" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/paUdvVuJTZc?si=P5No_3g1d7UuCzwr" 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="size18"><b><html></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><head></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <title>Dropdown</title></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></head></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><body></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <div class="wrapper"></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <nav></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                 <h2>eliasFsDev</h2></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                 <ul></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                     <li><a  href="#"></a><li></b></span></p><p style="text-align: start;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                     <li><a  href="#"></a><li></b></span></p><p style="text-align: start;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                     <li><a  href="#"></a><li></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                     <li><a  href="#"></a><li> </b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                 </ul></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>         </nav></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    </div></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   </div></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></body></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></html></b></span></p><p><span style="color: #ef5369; font-family: 'Noto Serif KR';" data-ke-size="size20"><b>index_html B</b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><html></b></span></p><p style="text-align: left;"><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>      <title>Dropdown</title></b></span></p><p style="text-align: left;"><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><body></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <div class="wrapper"></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <nav></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                 <h2>eliasFsDev</h2></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                 <ul></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                     <li><a  href="#"></a><li></b></span></p><p style="text-align: start;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                     <li><a  href="#"></a><li></b></span></p><p style="text-align: start;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                     <li><a  href="#"></a><li></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                     <li><a  href="#"></a><li></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                 </ul></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>         </nav></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    </div></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   </div></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></body></b></span></p><p style="text-align: left;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></html></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>index_html</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"> Navigation.html 파일 생성 </span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"> style.css 파일 만들기 </span></p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>index-html</b></span></p>
<!-- -->
]]>
첫댓글 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default
2번 영상 이미지 https://www.google.com/search?q=How+to+create+transparent+navigation+bar+and+menus+with+HTML+and+CSS&sca_esv=596722195&rlz=1C1NDCM_koKR825KR825&tbm=isch&sxsrf=AM9HkKmUrJOxxc1KGHmpRR2W7OXm1gBKwg:1704762356153&source=lnms&sa=X&ved=2ahUKEwj-yajVjs-DAxXKs1YBHSEgCNEQ_AUoAnoECAIQBA&biw=1366&bih=641&dpr=1
https://www.youtube.com/watch?v=-QXHG81cRdA
PLAY
https://cafe.daum.net/dnpqzheld/beMV/6