모각코 스터디2일차

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>모각코 2일차!_Bin</title>
    <style>
        h1 {
            color: rgb(104, 94, 231);
            text-shadow: 1px 1px 2px rgb(255, 255, 255), 0 0 30px rgb(235, 253, 76), 0 0 5px rgb(218, 253, 60);
        }

        hr.line{width:1500px; color:red; border-bottom: 10px; }
        hr.line2{width:1500px; color:red; border-bottom: 10px; }
        h3 {
            color: rgb(89, 0, 131);
        }
    </style>

</head>
<body>

    <h1>모각코 2일차!_Bin</h1>
</br> 
</br> 

    <h3>html 오늘 배운 위키</h3>
    <hr class="line">
    
    <p>✅&lt;!DOCTYPE html&gt;  
   
    ▶ html 이 html5 버전임을 알려주는 코드이다.+ html5가 가장 최근에 진화하고,가장 많이 사용되는 버전이다. </p>
   
   <p>✅ &lt;html&gt; ~~~ &lt;/html&gt;
    ▶ 모든 html 문서는 html 태그로 감싸져 있습니다.</p>
    
    <p>✅ &lt;head &gt;~~~ &lt; /head&gt;
    html 문서의 메타데이터를 모아놓는 부분입니다.</br>
    쉽게 말해, 웹사이트에 표시되진 않지만 웹사이트의 정보/데이터를 담아놓는 부분입니다.</br> 
    많은 분들이 놓칠 수 있는 아주 중요한 부분이죠!</br>
    ▶ head 안에 적는 주요한 태그로는 &lt;meta&gt; 태그, &lt;title&gt; 태그, &lt;style&gt; 태그, &lt;script&gt; 태그 등이 있습니다.</p>
    
    <p>✅ &lt;body&gt; ~~~ &lt;/body&gt;

    ▶ 1편에서 배웠던 디자인/기능을 가지고 있는 태그들(h1, h2, ul, div, p 등등)을 사실 body 안에 넣어야 합니다.</p> <hr class="line2">



<!--
    <> 를 웹페이지에 표현하고 싶었는데 태그로 인식해서  어떻게 해결할까 고민하다 구글신께 물어본 결과
    <는 &lt >는&gt 로 표현 할 수 있다는걸 알게 됐다.
     다른 특수문자들도  html에서는 깨지는 경우가 발생 할 수 있어서
    이럴땐 특수문자의 경우 위 처럼 치환해서 사용한다고 한다.
-->

</body>
</html>