<![CDATA[
<p> </p><div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/u4n0AfMnWow?si=6Z4X9Vml6r_xJAUZ" 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/u4n0AfMnWow?si=6Z4X9Vml6r_xJAUZ" 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="size20"><b><a href="https://timetoprogram.com/create-navbar-using-html-css/" target="_blank" class="ke-link">https://timetoprogram.com/create-navbar-using-html-css/</a></b></span></p><p> </p><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="en"> </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><style> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>@import‎ url('<a href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');" target="_blank" class="ke-link">https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');</a></b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>html, body { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-family: "Montserrat", sans-serif; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    background-color: aliceblue; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>* { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    box-sizing: border-box; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>header { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    align-items: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    justify-content: space-between; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding: 1.1rem 5rem; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    background: linear-gradient(180deg, #6fb4fd 0%, #5caafc 100%); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.brand a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 1.2rem; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-weight: 600; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>ul { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    flex-direction: row; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>li { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    list-style-type: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin-left: 3rem; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>li > a{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 0.9rem; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-weight: 500; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>li::after { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    content: ''; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 0rem; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    height: 0.15rem; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    background-color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    display: block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    border-radius: 0.2rem; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin: 0.2rem auto 0 auto; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    transition: all 0.3s ease-in-out; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>li:hover::after { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 2rem; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></style> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta charset="UTF-8"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta http-equiv="X-UA-Compatible" content="IE=edge"> </b></span><br><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><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <title>NavBar</title> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <link rel="stylesheet" href="./style.css"> </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><body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <header> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <div class="brand"><a href="#">NavBar</a></div> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <nav> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <ul> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li><a href="#">Home</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li><a href="#">Features</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li><a href="#">Services</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li><a href="#">Our Works</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </ul> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </nav> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    </header> </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><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1ZYvM/2db89ea191dd1f668c76553ea00dc6edad1879b9" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1ZYvM/2db89ea191dd1f668c76553ea00dc6edad1879b9" data-origin-width="534" data-origin-height="575"></div><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/65ff3dfd7933b2add81968815421866da3eb9663" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1ZYvM/65ff3dfd7933b2add81968815421866da3eb9663" data-origin-width="534" data-origin-height="653"></div><p style="text-align: start;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>장예원 아나운서가 아찔한 초미니를 입고 섹시한 각선미를 자랑했다.</b></span></p><p style="text-align: start;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>22일 장예원은 자신의 소셜 계정을 통해 "나는 겨울이 하나도 춥지 않....아...."라는 글과 함께 근황을 담은 다수의 인증 사진을 공개했다.</b></span></p><p style="text-align: start;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>공개된 사진 속 장예원은 실내에서 각선미가 드러나는 아찔한 초미니 원피스를 입은 채 앉아서 포즈를 취하고 있다. 군살을 찾을 수 없는 탄탄한 각선미가 보는 이의 감탄사를 자아낸다.</b></span></p><p style="text-align: start;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>한편 2012년 SBS 공채 아나운서로 입사 한 장예원은 2020년 9월 SBS를 퇴사 후 프리랜서로 활동 중이다.</b></span></p><p style="text-align: start;"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>popnews@heraldcorp.com</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>실시간 인기기사</b></span></p><ul style="list-style-type: disc;" data-ke-list-type="disc"><li><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>1위 <a style="color: #000000;" href="http://www.heraldpop.com/view.php?ud=202311220755120871875_1" target="_top" class="ke-link">오윤아, 43세 몸매가 레전드..초밀착 완벽한 S라인</a></b></span></li><li><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>2위 <a style="color: #000000;" href="http://www.heraldpop.com/view.php?ud=202311220751370852261_1" target="_top" class="ke-link">장혁, 데뷔 26년 만에 집 최초공개..모든 것에 진심인 '열정남'('살림남')</a></b></span></li><li><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>3위 <a style="color: #000000;" href="http://www.heraldpop.com/view.php?ud=202311220749300839855_1" target="_top" class="ke-link">'데뷔 D-1' 방예담, 첫 솔로앨범 'ONLY ONE' 하라메 공개..감성적 보이스</a></b></span></li></ul><p> </p><p> </p><p> </p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>HTML</b></span></p>
<!-- -->
]]>
첫댓글 https://www.msn.com/ko-kr/news/other/%EC%9E%A5%EC%98%88%EC%9B%90-%EC%95%84%EB%82%98-%EC%B9%98%EB%A7%88%EA%B0%80-%EB%84%88%EB%AC%B4-%EC%A7%A7%EC%9D%80%EA%B1%B0-%EC%95%84%EB%83%90-%ED%8C%8C%EA%B2%A9%EC%A0%81-%EC%B4%88%EB%AF%B8%EB%8B%88/ar-AA1kjFNB?ocid=msedgdhp&pc=WSEDDB&cvid=b18c35a91ed843de8fb928691e0afecf&ei=17