<!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>✅<!DOCTYPE html>
▶ html 이 html5 버전임을 알려주는 코드이다.+ html5가 가장 최근에 진화하고,가장 많이 사용되는 버전이다. </p>
<p>✅ <html> ~~~ </html>
▶ 모든 html 문서는 html 태그로 감싸져 있습니다.</p>
<p>✅ <head >~~~ < /head>
html 문서의 메타데이터를 모아놓는 부분입니다.</br>
쉽게 말해, 웹사이트에 표시되진 않지만 웹사이트의 정보/데이터를 담아놓는 부분입니다.</br>
많은 분들이 놓칠 수 있는 아주 중요한 부분이죠!</br>
▶ head 안에 적는 주요한 태그로는 <meta> 태그, <title> 태그, <style> 태그, <script> 태그 등이 있습니다.</p>
<p>✅ <body> ~~~ </body>
▶ 1편에서 배웠던 디자인/기능을 가지고 있는 태그들(h1, h2, ul, div, p 등등)을 사실 body 안에 넣어야 합니다.</p> <hr class="line2">
<!--
<> 를 웹페이지에 표현하고 싶었는데 태그로 인식해서 어떻게 해결할까 고민하다 구글신께 물어본 결과
<는 < >는> 로 표현 할 수 있다는걸 알게 됐다.
다른 특수문자들도 html에서는 깨지는 경우가 발생 할 수 있어서
이럴땐 특수문자의 경우 위 처럼 치환해서 사용한다고 한다.
-->
</body>
</html>