HTML for Kids

Name: HTML for Kids
Availability: InStock

HTMLKidsWebFrontendBeginner

HTML for Kids에서 재미있고 쉬운 HTML 수업으로 아이들을 웹 개발에 소개합니다.

🤖 AI 기반📚 16개 코스👥 100,000명 이상의 학습자⭐ 4.9 평점

코스 개요

HTML for Kids: 처음부터 실제 웹 페이지 만들기

HTML은 모든 웹 페이지가 기반하는 언어입니다. 이 트랙은 전문 개발자들이 사용하는 것과 동일한 도구인 실제 HTML과 CSS를 작성하도록 가르쳐 초보자의 선행 경험 없이도 접근하기 쉽도록 설계된 짧은 수업을 통해 아이들을 웹 개발에 소개합니다.

학습할 내용

핵심 HTML 요소와 페이지 구조부터 시작한 후 스타일링을 위한 CSS로 나아갑니다: 스타일 정의, class와 selector 타입 작업, margin과 padding 제어, 색상 및 배경 설정, 그리고 가장 많이 사용되는 CSS 속성 적용. 이 트랙은 또한 HTML 모범 사례를 다루고 기초가 탄탄해진 후 HTML을 넘어서는 것에 대한 첫 번째 통찰을 제공합니다.

학습 경로

16개 과정이 A1부터 B1까지 진행됩니다. 초기 과정은 Introduction to HTML, Getting Started with CSS, Basic HTML Elements를 다룹니다. 중반 과정은 Styling HTML, Class Selectors, Selector Types, Fun Challenges and Activities로 자신감을 키웁니다. 트랙은 CSS Margin, CSS Padding, Color and Background, HTML Best Practices, Beyond HTML로 마무리되어 학습자에게 다음에 공부할 내용을 명확하게 보여줍니다.

작동 방식

각 과정은 내장 편집기에서 실시간 피드백과 함께 완료되는 짧고 실습적인 수업으로 나뉩니다. AI 튜터는 개념이 더 자세한 설명이 필요할 때마다 이용 가능하므로 아이들은 자신의 속도에 맞춰 학습하고 막히지 않습니다.

학습 시작 →

도구

코스 도구 탐색

AI 기반 도구와 기능으로 학습을 강화하세요

학습 방식

🎯

인터랙티브 레슨

실시간 피드백을 받으며 직접 코딩 연습하기

🤖

AI 튜터

막힐 때마다 AI 튜터에게 즉시 도움받기

💻

내장 에디터

브라우저에서 바로 코드 작성 & 실행하기

🏆

수료증

과정을 완료하면 수료증 취득하기

커리큘럼

16개 코스

HTML for Kids 학습 경로의 모든 코스.

HTML 입문

A14개 레슨

HTML 입문은 초보자가 웹 개발에 뛰어들기에 완벽한 시작점입니다. 이 카테고리에서는 HTML이 무엇인지, 어떻게 작동하는지, 간단한 웹 페이지를 어떻게 만드는지 등 HTML의 기본을 소개합니다. 이 과정을 마치면 콘텐츠를 구조화하는 방법을 이해하고…

CSS 시작하기

A11개 레슨PRO

"CSS 입문" 강좌를 통해 웹 디자인 여정을 시작해 보세요. 웹 페이지의 시각적 표현을 향상하는 데 필요한 CSS의 핵심 개념과 기법을 배우게 됩니다. 인라인 스타일 지정, CSS 선택자, 스타일 정의의 기초부터 선택자 중첩과 상속 같은 고급 주제…

CSS란 무엇인가요?

CSS 입문

A11개 레슨PRO

이전 강좌에서는 CSS가 무엇이며 왜 사용해야 하는지 배웠습니다. 이제 간단한 예제를 통해 CSS를 빠르게 소개하겠습니다.

CSS 소개

기본 HTML 요소

A14개 레슨PRO

기본 HTML 요소에서는 모든 웹 페이지를 구성하는 핵심 요소를 다룹니다. 제목, 단락, 링크, 목록, 이미지를 사용해 의미 있고 체계적인 콘텐츠를 만드는 방법을 배웁니다. 이 카테고리를 통해 기능적이면서도 시각적으로 매력적인 웹사이트를 만드는 데…

스타일을 정의하는 방법

A11개 레슨PRO

"스타일을 정의하는 방법" 수업에서는 웹 페이지에 CSS를 적용하는 세 가지 주요 방법을 배웁니다. 인라인 스타일을 사용하는 방법, 내부 스타일시트를 위한 <style> 태그를 사용하는 방법, 외부 CSS 파일을 사용하는 방법입니다. 각 방법에 대한…

스타일은 어떻게 정의할 수 있나요?

고급 HTML 요소

A24개 레슨PRO

고급 HTML 요소에서는 대화형 기능과 동적 기능을 소개하여 HTML 지식을 한 단계 더 발전시킵니다. 이 카테고리에서는 양식, 표, 동영상과 오디오 같은 멀티미디어 삽입을 다루는 수업을 제공합니다. 이러한 요소를 익히면 더욱 복잡하고 상호작용이 풍…

HTML 스타일 지정

A24개 레슨PRO

HTML 스타일 지정에서는 CSS를 사용해 웹 페이지에 생동감을 더하는 방법을 배웁니다. 인라인 스타일, 색상, 글꼴, 레이아웃을 다루며 시각적으로 매력적인 웹사이트를 설계할 수 있게 됩니다. 구조와 스타일을 연결해 웹 페이지를 더욱 돋보이게 만드는…

재미있는 도전과 활동

A22개 레슨PRO

재미있는 도전과 활동은 여러분의 능력과 창의력을 시험하도록 설계된 실습 중심 카테고리입니다. 게임, 함께 코딩하기, 미니 프로젝트를 통해 배운 내용을 실제 상황에 적용해 봅니다. 웹 개발 학습을 흥미롭고 보람 있게 만들어 드립니다.

클래스 선택자

A21개 레슨PRO

간결한 강좌 모듈에서 CSS 클래스 선택자를 익히고, 여러 HTML 요소에 일관된 스타일을 효율적으로 적용하는 방법을 배워 보세요. 이 수업에서는 클래스 선택자를 정의하고 HTML에서 사용하는 방법과 깔끔하고 재사용 가능한 코드를 유지하기 위한 모범…

클래스 선택자

선택자 유형

A21개 레슨PRO

"선택자 유형" 강좌 모듈에서 필수적인 CSS 선택자를 익혀 보세요. 이 수업에서는 조합 선택자, 자식 선택자, :first-child와 같은 의사 클래스 선택자를 비롯한 기본 및 고급 선택자를 다룹니다. 명확한 예제와 실습을 통해 HTML 요소를…

선택자 유형

자주 사용하는 CSS 속성

A21개 레슨PRO

"자주 사용하는 CSS 속성" 강좌를 통해 웹 디자인 능력을 향상해 보세요. 레이아웃과 타이포그래피를 제어하는 필수 CSS 속성을 살펴봅니다. 너비, 높이, 최대 너비, content-box와 border-box의 차이, 텍스트 장식, 텍스트 들여쓰…

가장 많이 사용하는 CSS 속성

CSS 여백

A21개 레슨PRO

"CSS 여백" 강좌 모듈에서 간격 조정 방법을 익혀 보세요. 여백은 요소 주변의 공간을 제어하여 웹 디자인을 체계적이고 시각적으로 매력적으로 만드는 데 중요합니다. 이 수업에서는 margin-top, margin-right, margin-botto…

여백

CSS 안쪽 여백

A21개 레슨PRO

CSS 안쪽 여백 강좌에 오신 것을 환영합니다. 안쪽 여백은 HTML 요소의 경계 안에 공간을 만드는 데 사용됩니다. 여백과 마찬가지로 요소의 네 방향에 안쪽 여백을 추가할 수 있습니다. 자세한 내용을 배워 보겠습니다.

패딩

색상과 배경

A21개 레슨PRO

간결한 "색상과 배경" CSS 강좌를 통해 웹 디자인 능력을 높여 보세요. background-color, opacity와 같은 필수 속성과 배경 이미지의 사용 방법, 위치 지정, 반복, 고정 설정을 배웁니다. 실용적인 예제와 실습을 통해 시각적으로…

색상과 배경

HTML 모범 사례

B14개 레슨PRO

HTML 모범 사례에서는 깔끔하고 효율적이며 접근성 높은 코드를 작성하는 방법에 집중합니다. 시맨틱 HTML, 주석, 유효성 검사, 접근성을 다루어 사용자 친화적이고 전문적인 웹사이트를 만들 수 있도록 합니다. 이러한 원칙을 따르면 능숙한 개발자로…

HTML을 넘어

B14개 레슨PRO

HTML을 넘어에서는 스타일 지정을 위한 CSS와 상호작용을 위한 JavaScript처럼 HTML을 보완하는 도구와 기술을 살펴봅니다. 웹 호스팅, 도메인, 프레임워크도 배워 완전한 기능을 갖춘 동적 웹사이트를 구축하는 기반을 마련합니다.

자주 묻는 질문

HTML for Kids 강의는 무료인가요?

네, HTML for Kids 강의를 무료로 시작하고 인터랙티브 레슨을 모두 무료로 완료할 수 있습니다. 선택적 PRO 구독을 통해 고급 AI 도구와 공유 가능한 수료증을 잠금 해제할 수 있습니다.

HTML을(를) 배우기 위해 사전 경험이 필요한가요?

아니요. 강의는 기초부터 시작하여 점차 더 심화된 주제로 나아가므로 HTML 경험이 없어도 시작할 수 있습니다.

CoddyKit에서 HTML은(는) 어떻게 배우나요?

직접 해보면서 배웁니다. 짧은 인터랙티브 레슨은 명확한 설명과 실시간으로 실행되는 실습 코딩 연습을 함께 제공하며, 24시간 AI 튜터가 막힐 때마다 맞춤형 도움을 줍니다.

HTML for Kids을(를) 완료하면 수료증을 받나요?

네, PRO 학습자는 시험을 응시하고 HTML for Kids 강의의 검증 코드가 포함된 공유 가능한 수료증을 취득할 수 있습니다.

휴대폰에서 HTML을(를) 배울 수 있나요?

네, CoddyKit은 웹과 iOS, Android 네이티브 앱으로 이용 가능하므로 어느 기기에서나 HTML을(를) 배우고 진행 상황이 모든 기기에서 동기화됩니다.

HTML for Kids을(를) 지금 시작하기

AI 기반 강의로 프로그래밍을 배우는 수천 명의 학습자들과 함께하세요.

무료로 시작하기 →모든 강의 보기