먼저 메모장을 열어 다음처럼 HTML 문서를 편집하세요.
<!DOCTYPE html>
<html>
<head>
<title>Hello, HTML5</title>
<meta charset="utf-8" />
</head>
<body>
<p>안녕하세요. 언휴예요.</p>
</body>
</html>
first.html 이름으로 저장하신 후에 더블 클릭하여 확인하세요.
<!DOCTYPE html>
현재 문서가 어떤 형식에 맞게 제작했는지 설명합니다.
HTML5, XHTML, HTML의 세 가지 유형이 있습니다.
웹표준과 접근성을 높이기 위해 HTML 문서의 첫번째 행에 공백없이 선언합니다.
이를 생략하면 비표준모드로 렌더링하여 일부 브라우저에서 문제가 발생할 수 있어요.
<html>...</html>
HTML 문서는 <html> 시작 태그로 시작하여 </html> 종료 태그로 종료합니다.
<head>...</head>
문서를 설명하는 메타 정보를 나타내는 영역입니다.
문서 제목이나 문자 인코딩 정보등을 작성할 수 있습니다.
<title>Hello, HTML5</title>
문서 제목으로 브라우저를 실행할 때 타이틀 바에 표시합니다.
<meta charset="utf-8" />
문자 인코딩을 표현한 것입니다. 다른 문자를 사용하는 중국어나 일본어 등을 사용할 때 깨지지 않게 하려면 utf-8로 설정하세요. 영어는 깨지지 않습니다.
<body>...</body>
페이지 본문을 감싸는 영역입니다.
<p>안녕하세요. 언휴예요.</p>
문단을 의미하는 태그입니다.