HTML 페이지의 기본 구조
웹사이트 페이지는 확장자가 .html인 일반 텍스트 파일입니다.
이 파일 안에는 태그와 함께 HTML 페이지의 텍스트가 저장됩니다.
이 파일은 반드시 다음 태그들을 가져야 합니다:
사이트 전체의 텍스트를 포함해야 하는 html 태그
(이 태그 밖에 작성된 모든 것은 브라우저에 의해 무시됨),
그리고 그 안에는 두 개의 태그가 더 있어야 합니다:
페이지의 서비스 콘텐츠를 위한 head 태그와
화면에 표시되는 기본 텍스트를 위한 body 태그입니다.
head 태그 안에 위치하는 서비스 콘텐츠에는
다양한 것들이 포함되지만, 지금은 그중 두 가지만 필요합니다.
브라우저 탭에 보이는 페이지 제목을 지정하는 title 태그와,
페이지 인코딩을 지정하는 meta 태그입니다
(인코딩은 charset 속성에 설정되며 일반적으로 값은 utf-8입니다).
또한, html 태그 앞에는 일반적으로
사이트가 제작된 HTML 언어 버전을 나타내는 doctype 선언이 작성됩니다.
현재 최신 버전은 5번이며, 이를 위한 doctype은 다음과 같아야 합니다:
<!DOCTYPE html>
그럼, 페이지의 기본 구조를 살펴보겠습니다:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>This is the title</title>
</head>
<body>
This is the main content of the page.
</body>
</html>
확장자가 .html인 파일을 생성하세요.
기본 페이지 구조를 그 안에 복사하세요.
파일을 저장하세요. 그런 다음 마우스로 파일을 끌어다 놓거나
파일을 더블클릭하여 브라우저에서 열어보세요.
