Menu
Coddy logo textTech

HTML 코스

26개 무료 인터랙티브 코스

Coddy의 모든 HTML 코스를 둘러보세요. 각 코스는 브라우저에서 AI 힌트, 실제 연습, 수료 인증서와 함께 제공됩니다.

HTML/CSS 챌린지 - 팩 I

인기

이 코스는 여러분의 HTML과 CSS 지식을 재미있고 효과적인 방식으로 시험해 볼 수 있는 기회를 제공합니다!

  • 11

HTML - 입문자용 사이트

인기

이 코스에서는 기초 HTML 지식을 테스트하고 이미지와 텍스트가 포함된 나만의 기초 사이트를 직접 만들어 봅니다. 준비되셨나요?

  • 5
  • 1

CSS Flexbox - 마스터 과정

인기

이 강좌에서는 CSS flexbox 개념을 완벽하게 익힐 수 있습니다. Flexbox는 웹 개발에서 가장 유용하게 사용되는 레이아웃 방식 중 하나입니다.

  • 15

일식 애니메이션 | HTML/CSS 프로젝트

인기

이 코스에서는 멋진 "일식" 애니메이션을 직접 만들어 봅니다. 애니메이션을 활용해 매력적이고 기능적인 사용자 인터페이스를 구현하는 방법을 배울 수 있습니다.

  • 10
  • 2

하단 네비게이션 바 - HTML/CSS 프로젝트

인기

이 코스에서는 HTML을 사용하여 간단한 하단 네비게이션 바를 만들고 CSS로 스타일을 입히는 방법을 배웁니다. 또한 CSS의 (:hover) 선택자를 사용하여 간단한 애니메이션을 추가하는 방법도 익힐 수 있습니다.

  • 12
  • 2

넷플릭스 로그인 페이지 클론 | 프론트엔드 프로젝트

인기

이 프로젝트에서는 넷플릭스 로그인 카드 클론을 만들어 봅니다.

certificate icon

수료 시 인증서

  • 19
  • 3

HTML/CSS 챌린지 - 팩 II

인기

이 코스는 여러분의 HTML 및 CSS 지식을 재미있고 효과적인 방식으로 시험합니다!

  • 5

스톱워치 - HTML/CSS/JS 프로젝트

이 프로젝트에서는 HTML, CSS, JavaScript를 사용하여 기본적인 스톱워치를 만들어 봅니다.

  • 10
  • 3

움직이는 구름 - HTML/CSS/JS 프로젝트

이 코스에서는 HTML, CSS, JavaScript를 사용하여 움직이는 구름 웹 프로젝트를 제작합니다.

  • 18
  • 5

DOM 프로젝트 - 계산기

이 코스에서는 HTML, CSS, JS를 사용하여 상호작용하는 간단한 계산기를 만들어 봅니다.

  • 14
  • 3

JavaScript DOM 메서드

이 강좌에서는 가장 자주 사용되는 JavaScript DOM 메서드와 그 활용 방법을 배웁니다!

  • 13

이미지 아코디언 | 프론트엔드 프로젝트

이 프로젝트에서는 여러분이 직접 이미지 아코디언을 만들어 봅니다!

  • 17
  • 3

인스타그램 페이지 클론 | 프론트엔드 프로젝트

이 강의에서는 표준적이고 간단한 HTML & CSS 접근 방식을 연습하며 인스타그램 페이지 클론 프로젝트를 제작합니다.

  • 16
  • 5

Coddy 프로필 카드 클론 | 프론트엔드 프로젝트

이 프로젝트에서는 Coddy 프로필 카드 클론을 직접 만들어 봅니다.

  • 26
  • 4

CSS 프로젝트 - 멋진 버튼

이 코스에서는 자주 방문하는 웹사이트에서 보던 것처럼 나만의 스타일로 꾸민 멋진 버튼을 직접 만들어 봅니다!

  • 8
  • 1

HTML/CSS 챌린지 - 팩 III

이 코스는 여러분의 HTML 및 CSS 지식을 재미있고 효과적인 방식으로 테스트합니다!

  • 5

로그인 폼 - HTML/CSS 프로젝트

이 코스에서는 HTML을 사용하여 간단한 로그인 폼을 만들고, CSS를 사용하여 스타일을 적용해 봅니다.

  • 7
  • 2

CSS 프로젝트 - 심플한 로딩 스피너

이 코스에서는 CSS와 HTML을 활용하여 페이지나 콘텐츠를 불러올 때 사용하는 간단한 로딩 스피너를 만드는 방법을 배웁니다.

  • 6
  • 1

유튜브 동영상 플레이어 - HTML 프로젝트

이 프로젝트에서는 HTML을 사용하여 유튜브 동영상 플레이어를 만들고, 그 과정에서 다양한 속성들을 살펴보게 됩니다.

  • 7
  • 1

원형 프로그레스 바 | 프론트엔드 프로젝트

이 프로젝트에서는 HTML, CSS, JavaScript를 사용하여 원형 프로그레스 바를 만들어 봅니다.

  • 11
  • 3

슬라이더 | 프론트엔드 프로젝트

이 프로젝트에서는 여러 이미지와 설명을 보여주는 반응형 슬라이더를 제작해 봅니다.

  • 23
  • 4

사이드바 | 프론트엔드 프로젝트

이 프로젝트에서는 여러분의 다음 웹 앱에서 사용할 수 있는 반응형 사이드바를 직접 만들어 봅니다.

  • 13
  • 3

CSS 선택자

이 코스를 완료하면 CSS 선택자의 개념을 완벽하게 마스터하게 될 것입니다.

  • 15

3D 카드 | 프론트엔드 프로젝트

이 프로젝트에서는 직접 3D 카드 디자인을 제작해 봅니다!

  • 31
  • 4

CSS로 div와 텍스트 가운데 정렬하기

이 강의에서는 CSS에서 가장 궁금해하는 질문 중 하나인 div나 텍스트를 가운데 정렬하는 방법에 대해 자세히 알아봅니다.

  • 9

HTML의 멋진 태그들

이 코스에서는 HTML의 독특하고 멋진 태그들을 배웁니다. 이 태그들을 실제 웹 작업에 활용해 보면 그 결과에 깜짝 놀라게 될 것입니다.

  • 15

자주 묻는 질문

Coddy에는 HTML 코스가 몇 개 있나요?

Coddy에는 현재 기초부터 고급 주제까지 다루는 26개의 HTML 인터랙티브 코스가 있습니다.

HTML 코스는 무료인가요?

네. 모든 코스는 무료로 시작할 수 있고, 브라우저에서 동작하며 AI 힌트를 제공합니다.

HTML 인증서를 받을 수 있나요?

네 - HTML 여정을 마치면 공유 가능한 인증서를 얻습니다. 자세한 내용은 인증 페이지를 참고하세요.
Coddy programming languages illustration

Coddy로 HTML 학습 시작하기

시작하기