HTML이란 무엇인가?

약 4분

본문 듣기

HTML이란 무엇인가? (HTML 기초)

안녕하세요! HTML 온라인 강의에 오신 것을 환영합니다. 오늘은 HTML에 대해 초보자도 이해할 수 있도록 쉽게 설명해 보겠습니다. HTML은 'HyperText Markup Language'의 약자로, 웹 페이지를 만드는 기본 언어입니다. 웹 페이지는 이 HTML을 통해 구조를 갖추게 되죠.

HTML을 배우는 것은 마치 집을 짓기 위한 기초 작업과 같습니다. 기초가 탄탄해야만 그 위에 멋진 집을 지을 수 있겠죠. 그러니 차근차근 따라오세요!

HTML 문서의 구조

HTML 문서는 기본적인 구조를 가지고 있습니다. 아래의 예제를 통해 확인해보겠습니다.

코드 html

<!DOCTYPE html>
<html>
<head>
    <title>나의 첫 웹 페이지</title>
</head>
<body>
    <h1>안녕하세요, 웹 개발자!</h1>
    <p>HTML을 배우는 것은 재밌어요!</p>
</body>
</html>

위의 코드는 매우 기본적인 HTML 문서로, 각 부분의 역할은 다음과 같습니다:

<!DOCTYPE html>: 이 문서가 HTML5 문서임을 알립니다.
<html>: HTML 문서의 시작과 끝을 나타냅니다.
<head>: 문서의 메타 정보를 담는 부분입니다. 여기서는 제목을 설정했습니다.
<body>: 웹 페이지에 실제로 보여질 내용을 담는 부분입니다.

실습: 첫 웹 페이지 만들기

이제 여러분도 직접 HTML 문서를 만들어 볼까요? VS Code에서 아래 단계를 따라 해보세요.

VS Code를 열고 새 파일을 만듭니다.
파일 이름을 index.html로 저장합니다.
위에 제공된 HTML 코드를 복사하여 붙여넣습니다.
이 파일을 웹 브라우저에서 열어 보세요! 어떤 내용이 보이나요?

핵심 요약

오늘 배운 내용은 HTML의 기본 구조와 요소들입니다. HTML은 웹 페이지를 만드는 기초 언어라는 사실을 기억하세요. 또한, 기초적인 HTML 문서를 만들어 보았습니다.

실습 문제

다음 질문에 답해보세요:

HTML 문서에서 head 태그와 body 태그의 역할은 무엇인가요?
여러분의 취향에 맞는 제목을 <title> 태그 안에 입력해보세요.

개인 프로젝트

이제 개인 프로젝트인 자기소개 페이지를 만들어볼 시간입니다. 다음 사항들을 포함해보세요:

제목(예: '내 소개')
본문에 본인의 이름, 취미, 좋아하는 음식을 써보세요.
웹 브라우저에서 확인하면서 수정해보세요!

이 강의를 통해 HTML의 기초를 배우고, 직접 실습해보는 시간을 가졌습니다. HTML은 웹 개발의 기초 중의 기초이므로, 앞으로도 꾸준히 연습하고 활용해보세요. 다음 강의에서도 만나길 기대합니다!

HTML이란 무엇인가?