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