<!DOCTYPE> 선언

약 3분

본문 듣기

HTML 기초: <!DOCTYPE> 선언

안녕하세요! HTML을 처음 배우는 여러분을 환영합니다. 오늘은 HTML 문서에서 가장 중요한 첫 번째 단계, 즉 선언에 대해 알아보겠습니다.

웹 문서의 시작은 어떤 내용을 담고 있는지 브라우저에게 알려주는 것에서부터 시작합니다. 여러분이 본 웹사이트가 어떻게 보이는지는 이 선언에서부터 시작됩니다.

코드 html

<!DOCTYPE html>

위의 코드처럼, 은 웹 브라우저에게 여러분이 HTML5 문서를 사용하고 있다는 것을 알려주는 역할을 합니다. 이렇게 선언하면 브라우저가 페이지를 올바르게 렌더링할 수 있습니다.

이제 VS Code를 열어볼까요? 파일을 하나 만들어봅시다. 이름은 index.html로 하겠습니다. 그리고 첫 줄에 을 입력해 보세요.

코드 html

<!DOCTYPE html>
<html>
<head>
    <title>나의 첫 HTML 페이지</title>
</head>
<body>
    <h1>안녕하세요, HTML!</h1>
</body>
</html>

이제 이 코드를 작성했으면, 웹 브라우저에서 index.html 파일을 열어보세요! 기본 헤딩 '안녕하세요, HTML!' 이 표시될 것입니다.

아래는 오늘 배운 내용을 요약합니다:

이제 여러분이 배운 내용을 바탕으로 실습 문제를 드릴게요! 다른 헤딩(<h2>, <h3>)을 추가하여 페이지를 꾸며보세요. 그리고 변경한 내용을 브라우저에서 확인해보세요.

마지막으로, 간단한 개인 프로젝트를 소개합니다. 여러분의 자기소개 페이지를 만들어보세요. '내 이름은 ', '내 취미는 ' 등을 작성해보며 자신만의 웹 페이지를 완성해보세요!

HTML을 배우면서 웹 페이지를 만드는 재미가 쌓일 것입니다. 계속해서 도전해 보세요!