HTML 기본 태그

html의 기본 구조를 살펴보자!

<!DOCTYPE> 
<html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
   <title>repl.it</title>
 </head>
 <body>
 </body>
</html>

<!DOCTYPE>

독타입은 이 페이지가 무슨 버전은 선언되어 있는지 알 수 있는 태그이다.

위의 독타입은 html5으로 작성되어 있는걸 알 수 있다.

<html>

html 태그가 오면 html이 시작됐다고 인지하고 구성을 그리기 시작한다.

<head>

이 태그 안에 페이지의 기본적인 정보를 모두 넣을 수 있다.

title 태그 👉사이트의 제목
meta 태그 중 charset 👉이 태그를 넣어야 한글을 인식할 수 있다. 넣지 않으면 페이지에서 알 수 없는 글씨들을 볼 수 있다.
meta 태그 중 viewport 👉pc만 생각해서 페이지를 구성했는지 혹은 반응형으로 생각해서 구상했는지 드러난다.

<body>

항상 head 태그 뒤에 오며, 이 안에 우리가 넣고 싶은 태그를 활용해 텍스트나 이미지 혹은 비디오등까지 볼 수 있다.