2026.03.18

[HTML 기초] HTML이란 무엇인가 – 웹페이지의 구조를 만드는 언어

HTML이 무엇인지, 왜 사용하는지, 웹에서 어떤 역할을 하는지 기본 개념을 정리합니다.

html

markup

web

HTML은 웹페이지의 구조를 만드는 언어입니다.

👉 쉽게 말하면
웹페이지의 뼈대를 만드는 역할을 합니다

주요 포인트 Top3

웹페이지의 기본 구조를 만듭니다

글, 이미지, 버튼 등의 내용을 구성합니다

디자인은 CSS, 기능은 JavaScript가 담당합니다

웹사이트는 크게 3가지로 구성됩니다

예를 들어

👉 HTML: 제목, 글, 버튼을 만든다
👉 CSS: 색상, 크기, 위치를 바꾼다
👉 JavaScript: 클릭하면 동작하게 만든다

HTML이 없으면
웹페이지에 아무 내용도 표시되지 않습니다

html

<h1>제목입니다</h1>
<p>내용입니다</p>
<button>버튼</button>

이처럼 HTML이 있어야
브라우저가 “무엇을 보여줄지” 알 수 있습니다

HTML은 태그(tag)를 사용해서 구조를 만듭니다

html

<h1>제목</h1>
<p>문장</p>

👉 태그는 이렇게 생겼습니다

사이에 들어있는 내용이 실제로 화면에 표시됩니다

웹페이지는 기본 구조를 가지고 있습니다

html

<!DOCTYPE html>
<html>
  <head>
    <title>페이지 제목</title>
  </head>
 
  <body>
    <h1>웹페이지</h1>
    <p>내용</p>
  </body>
</html>

👉 핵심 정리

HTML은 단순히 글을 쓰는 것이 아니라
웹페이지의 의미와 구조를 정의하는 역할을 합니다

html

<h1>상품 제목</h1>
<p>상품 설명</p>
<button>구매하기</button>

👉 브라우저는 이 구조를 보고
제목, 설명, 버튼으로 인식합니다

HTML은 웹페이지의 구조를 만드는 언어이며,
모든 웹사이트는 HTML을 기반으로 동작합니다.