HTML 배우기
무료로 진행되는 인터랙티브 HTML 온라인 강의입니다. 매 레슨마다 직접 HTML을 작성하면서 입력하는 동안 라이브 프리뷰로 결과를 바로 확인할 수 있으며, 완주하면 무료 수료증을 받습니다.
348,572+ 명의 codders가 등록함
241 개 강의233 챌린지1,193 퀴즈 문제
- 초보자 환영
AI 코딩 도우미
실습 중심의 대화형 강의
모든 레슨에 음성 나레이션 제공
지식을 확인하는 퀴즈
무료 수료증
커리큘럼
섹션 1
기초
섹션 시작하기시작웹 페이지를 처음부터 만드는 핵심 구조와 구문을 배우세요HTML 기초
5 개 강의530텍스트와 서식
6 개 강의1135레시피 카드
프로젝트4 개 강의4폼과 입력 요소 파트 1
6 개 강의936폼과 입력 요소 파트 2
7 개 강의1239최종 챌린지
4 개 강의4섹션 4
실전 프론트엔드
섹션 시작하기시작구조와 스타일을 결합하여 완전한 반응형 웹 페이지를 디자인하세요변수
5 개 강의432모바일 퍼스트 전략
6 개 강의643테마 설정 및 시각적 스타일
5 개 강의535반응형 패턴
6 개 강의645최종 챌린지
4 개 강의4섹션 5
JavaScript 실전
섹션 시작하기시작HTML과 CSS와 함께 JavaScript이 어떻게 사용되는지 탐구하세요상호작용/UI 컴포넌트
4 개 강의433폼 및 유효성 검사
3 개 강의324알림 및 피드백
3 개 강의327Toast 알림이 있는 폼
2 개 강의2내비게이션
3 개 강의329애니메이션 및 효과
3 개 강의327최종 도전 과제
4 개 강의4
HTML 코스
브라우저에서 무료로 시작하는 실습형 HTML 코스.
일식 애니메이션 | HTML/CSS 프로젝트
인기이 코스에서는 멋진 "일식" 애니메이션을 직접 만들어 봅니다. 애니메이션을 활용해 매력적이고 기능적인 사용자 인터페이스를 구현하는 방법을 배울 수 있습니다.
- 10
- 8
- 1
인스타그램 페이지 클론 | 프론트엔드 프로젝트
인기이 강의에서는 표준적이고 간단한 HTML & CSS 접근 방식을 연습하며 인스타그램 페이지 클론 프로젝트를 제작합니다.
- 16
- 14
- 1
HTML/CSS 챌린지 - 팩 I
이 코스는 여러분의 HTML과 CSS 지식을 재미있고 효과적인 방식으로 시험해 볼 수 있는 기회를 제공합니다!
- 11
HTML - 입문자용 사이트
이 코스에서는 기초 HTML 지식을 테스트하고 이미지와 텍스트가 포함된 나만의 기초 사이트를 직접 만들어 봅니다. 준비되셨나요?
- 5
- 4
- 1
하단 네비게이션 바 - HTML/CSS 프로젝트
이 코스에서는 HTML을 사용하여 간단한 하단 네비게이션 바를 만들고 CSS로 스타일을 입히는 방법을 배웁니다. 또한 CSS의 (:hover) 선택자를 사용하여 간단한 애니메이션을 추가하는 방법도 익힐 수 있습니다.
- 12
- 11
- 1
유튜브 동영상 플레이어 - HTML 프로젝트
이 프로젝트에서는 HTML을 사용하여 유튜브 동영상 플레이어를 만들고, 그 과정에서 다양한 속성들을 살펴보게 됩니다.
- 7
- 5
- 1
해보면서 배우기
실제 코드를 작성하고, 데이터베이스를 쿼리하고, 웹사이트를 구축하고, AI 프롬프트를 마스터하세요. 인터랙티브 레슨으로 현대 개발자에게 필요한 모든 기술을 다룹니다.
연속 기록을 쌓아보세요
꾸준히 하고 성장하는 모습을 지켜보세요! 매일 코딩 습관을 추적하고, 동결 기능으로 연속 기록을 보호하고, 매일 참여해서 보상을 받으세요.
12 일 연속
내일도 돌아와서 연속 기록을 유지하세요!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
더블 오어 낫싱
7일 중 5일차
연속 기록 동결
2 left
어디서나 코딩하세요
코딩 여정을 함께 하세요! 설정도, 다운로드도 필요 없이 바로 열어서 코딩을 시작하세요. iOS, Android, 웹에서 4.9점 평점으로 이용 가능합니다.
당신은 혼자가 아닙니다
글로벌 리더보드에서 경쟁하고, 친구를 초대해서 보상을 받고, 서로의 성공을 축하하세요. 코딩은 친구와 함께하면 더 좋아요!
1
2
3
승급 구역모든 방식으로 학습
읽고, 듣고, 스스로 확인하고, AI에게 묻고, 이미 배운 내용을 찾아보세요. 모든 수업이 당신에게 맞춰집니다.
변수는 나중에 프로그램에서 참조할 값을 저장하는, 이름이 있는 컨테이너입니다.
Python에서는 이름, 등호, 저장할 값을 차례대로 써서 만듭니다.
값은 시간이 지나며 바뀔 수 있습니다. 재할당하면 그 이름이 새로운 값을 가리킵니다.
수료증을 받으세요
완료한 모든 코스에 대해 인증서를 받으세요. LinkedIn 프로필과 이력서에 추가하여 고용주에게 코딩 전문성을 보여주세요.
수료증Python 기초
LinkedIn에 추가Coddy에서 HTML을 배우는 이유
- 브라우저에서 HTML을 직접 작성하고 렌더링된 페이지를 바로 옆에서 확인하세요. 에디터 설치도, 환경 설정도 필요 없습니다. HTML 코드를 수정할 때마다 결과가 바로 반영되니 피드백이 빠릅니다.
- 모던하고 시맨틱한 HTML: 제목, 목록, 링크, 이미지, 표, 폼, 그리고
<header>,<nav>,<main>,<section>,<footer>같은 시맨틱 태그까지. 실제 웹사이트를 만들 때 그대로 쓰는 HTML입니다. - AI 힌트가 닫히지 않은 태그, 잘못된 속성 문법, 접근성 실수 같은 HTML 오류를 잡아주되 정답을 바로 알려주지 않아서, HTML 코딩 습관이 자연스럽게 몸에 뱁니다.
- 완료하면 무료 HTML 수료증을 드립니다. 웹 개발의 첫걸음으로 손색없으며, CSS와 JavaScript 과정과 자연스럽게 이어집니다.
HTML 학습에 대한 자주 묻는 질문
HTML은 배우기 쉬운가요?
HTML은 IT 분야에서 가장 배우기 쉬운 것 중 하나입니다. 프로그래밍 언어가 아니라 마크업 언어라서, 로직을 작성하는 게 아니라 콘텐츠 조각(제목, 문단, 링크, 이미지)에 라벨을 붙이는 일이죠. 대부분의 입문자는 첫 한 시간 안에 실제로 동작하는 웹 페이지를 만들어 냅니다.
HTML을 배우는 데 얼마나 걸리나요?
HTML의 기초는 매일 연습하면 보통 1~2주 안에 익힐 수 있습니다. 실제 프로젝트를 편하게 만들려면 속도에 따라 1~3개월 정도를 잡는 것이 좋습니다.
CSS와 JavaScript보다 HTML을 먼저 배워야 하나요?
네. HTML은 페이지의 구조를 정의하고, CSS는 모양을 결정하며, JavaScript는 상호작용을 더합니다. HTML을 먼저 배우면 나중에 스타일을 입히고 움직임을 줄 구체적인 대상이 생기죠. HTML 강의는 의도적으로 짧게 구성되어 있어, CSS와 JS로 빠르게 넘어갈 수 있습니다.
HTML은 프로그래밍 언어인가요?
엄밀히 말하면 아닙니다. HTML은 웹 콘텐츠의 구조를 기술하는 마크업 언어입니다. 자체적으로는 변수도, 조건문도, 반복문도 없습니다. 웹 페이지의 실제 프로그래밍은 JavaScript에서 이뤄지며, 이는 별도의 코스에서 다룹니다.
HTML을 온라인으로 무료로 배울 수 있나요?
네. 인터랙티브 HTML 강의는 무료입니다 - 레슨, 코딩 연습, 실시간 HTML 미리보기, 그리고 수료증까지 포함되어 있습니다. 모든 것이 브라우저에서 실행되므로 시작하기 위해 에디터나 도구를 설치할 필요가 없습니다.
HTML 코스를 마치면 수료증을 받을 수 있나요?
네. HTML 코스를 마치면 무료 수료증을 받을 수 있어요. 이력서에 추가하거나 LinkedIn에 공유할 수 있는 검증 가능한 증빙으로, 보통 HTML, CSS, JavaScript를 아우르는 더 탄탄한 포트폴리오로 가는 디딤돌이 됩니다.
