LEVEL 16 QUEST
HTML 파일로 웹페이지 만들기
HTML의 기초를 배우고, 여러 페이지를 만들어 링크로 연결해보세요!
LEVEL 16 · LESSON 4
HTML = 웹페이지의 뼈대!
텍스트 파일 하나로 웹사이트를 만드는 마법, 지금 시작해요 🏗️
<!DOCTYPE html>
<html lang="ko">
<head>
<title>나의 첫 웹페이지</title>
</head>
<body>
<h1>안녕하세요! 👋</h1>
</body>
</html>
<html lang="ko">
<head>
<title>나의 첫 웹페이지</title>
</head>
<body>
<h1>안녕하세요! 👋</h1>
</body>
</html>
📝 HTML이란?
HyperText Markup Language — 웹페이지를 만드는 언어입니다.
프로그래밍 언어가 아니라 마크업(표시) 언어예요. 컴퓨터에게 명령하는 게 아니라
"이건 제목이야", "이건 문단이야" 하고 구조를 표시해주는 언어입니다.
HTML 파일은 그냥 .txt 텍스트 파일입니다. 확장자만 .html로 바꾸면 브라우저가 읽어서 웹페이지로 보여줘요.
메모장으로 만들 수 있다는 뜻이죠! 어떤 특별한 프로그램도 필요 없어요.
🏗️ 건물로 이해하는 웹 3총사
웹페이지를 건물에 비유하면 이렇게 됩니다. HTML, CSS, JavaScript는 각자 역할이 완전히 다릅니다.
HTML
건물의 뼈대와 구조. 벽, 바닥, 기둥처럼 콘텐츠의 구조를 잡아요
구조 (Structure)
CSS
인테리어와 도색. 색상, 폰트, 크기, 간격으로 예쁘게 꾸며줘요
디자인 (Style)
JavaScript
전자제품과 자동문. 클릭, 애니메이션, 데이터 처리 등 움직임을 담당해요
동작 (Behavior)
HTML만 있어도 웹페이지는 작동합니다! 예쁘진 않겠지만 내용은 모두 보여요.
반대로 CSS나 JS만 있으면 아무것도 표시할 수 없어요. HTML이 진짜 기초 중의 기초입니다.
🔒
여기까지는 미리보기입니다
HTML 파일로 웹페이지 만들기
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.
Google로 3초 만에 시작 →🧵 Threads로 시작무료 공개 강의 둘러보기 (Lv.1~3)무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.