나는 비쥬얼 스튜디오 코드를 이용하는데,
새 파일을 만들고 기본세팅(!)을 하면 아래와 같이 나온다.
<!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>Document</title>
</head>
<body>
</body>
</html>
하나하나 살펴보자~
<!DOCTYPE html>
<!-- 현재 문서가 HTML5 문서임을 나타낸다 -->
<html lang="en">
<!-- HTML 문서의 루트를 정의한다 -->
<head>
<!-- HTML문서의 메타 데이터라는 것을 정의
메타데이터란?
HTML 문서에 대한 정보 웹 페이지에 직접적으로 표현되지 않는 정보
메타데이터를 title, style, script 등을 이용해서 표현할 수 있다. -->
<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>Document</title>
<!-- 문서의 제목을 표시한다.
브라우저 탭(툴바), 즐겨찾기의 제목이 된다. -->
</head>
<body>
<!-- 웹 브라우저에 보이는 실질적인 부분을 정의 -->
</body>
</html>
<head></head> 안에 코드를 적어도 되지만
<body></body> 사이에서만 적도록 하자
정말 기본적인 약속이다!