<!DOCTYPE html>
<html>
<head>
<meta charshet="UTF-8">
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<!DOCTYPE html>
: 브라우저의 엔진에게 html 문서라고 알리는 것이다. 확장자가 틀릴 수 있으니 정확히 알리기 위해 문서의 유형을 작성한다.
<html>
: HTML 페이지의 root element이다.
<meta charshet="UTF-8">
: 문서의 인코딩을 UTF-8, 웹브라우저의 결과를 엔진에서 보여줄때 UTF-8로 하겠다는 약속이다.
<title>
: 브라우저의 탭에 표시되는 이름이다.
<body>
: 문서에 표시되는 모든 보이는 것들이다.
<h1>
~<h6>
: 제목을 알리는 태그, 숫자가 커질수록 글자의 크기는 작아진다.
<p>
: 단락을 정의하는 태그이다. 참고로 <p>
태그의 내부에는 <h>
태그를 넣지 못한다.(블럭요소 내부에 블럭요소가 들어오지 못한다, 강제로 넣게 되면 <p>
요소의 컨텐트들은 밖으로 빠져나온다)