<![CDATA[
<p><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>Div and Span in HTML in Hindi | Div and Span Tag | Div and Span Elements | HTML</b></span></p><p><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><html> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><p>Sample<span style="color:#FF0002;"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><i>Welcome</span></i> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>Welcome My Domain</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><p><span style="color:#8865ff;"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>Welcome to My Domain</span></p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></htm </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><html> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><style> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>div.sample {width:150px;background:#FF0002;border:2px dotted black;padding:7px;} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>div.sample ul {color:green;} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></style> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><div class="sample"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><p>Samplep> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><ul> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><li>Home</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><li>Aboutus</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><li>Contactus</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></ul> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></html </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><style> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>* { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      margin: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      padding: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      box-sizing: border-box; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>.header { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      padding: 0 70px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      align-content: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      justify-content: space-between; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      margin-top: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      margin-bottom: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      color: crimson; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>.nav { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      align-content: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      justify-content: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      gap: 60px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      list-style-type: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>.nav li a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      font-size: 1.2rem; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      color: crimson; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></style> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><div class="header"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      <h2 class="logo">freeCodeCamp</h2> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      <ul class="nav"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>        <li><a href="">Home</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>        <li><a href="">About</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>        <li><a href="">Serices</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>        <li><a href="">Contact</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      </ul> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></div> </b></span><br><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><style> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>body { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    align-items: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    justify-content: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    max-width: 900px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    margin: 0 auto; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    height: 100vh; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>  } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>p { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    font-size: 2.5rem; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>  } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>.font-style { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    font-style: italic; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>  } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>.crimson { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    color: crimson; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>  } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>.indigo { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    color: indigo; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>  } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>.orange { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>    color: orange; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>  } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></style> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      This is a <span class="crimson">crimson text</span> within black texts. </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      This is an <span class="indigo">indigo text</span> within others, and this </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>      is an <span class="orange">orange text</span> within other texts. </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b></p> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><a href="https://www.freecodecamp.org/news/span-vs-div-html-tags-what-is-the-difference/" target="_blank" class="ke-link">https://www.freecodecamp.org/news/span-vs-div-html-tags-what-is-the-difference/</a></b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b>html css tag </b></span><br><br><br><br><br><br><br><br><br><br><br><br></p><p> </p><p> </p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><a href="https://cafe.daum.net/GKFDYDLF/bZhL/33" target="_blank" class="ke-link">https://cafe.daum.net/GKFDYDLF/bZhL/33</a></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b><a href="https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default" target="_blank" class="ke-link">https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default</a></b></span></p>
<!-- -->
]]>
카페 게시글
♥☞HTML 영상방◈▶
Div and Span in HTML in
gyun님
추천 0
조회 3
24.01.28 00:16
댓글 0
다음검색
