처음 배우는 HTML · CSS
태그, 문단, 링크, 색상, 여백, Flex, 반응형까지 한 줄씩 따라 쓰는 입문.
8강입문 시작 →
K-BOOKS · WEB DESIGN LEARNING
처음 만드는
처음 만드는
나만의 홈페이지
처음부터 어려운 12주 과정으로 시작하지 않습니다. HTML과 CSS 한 줄부터 직접 입력하고, 별도로 열리는 PC·모바일 미리보기 창에서 결과를 확인하며 실제 홈페이지를 완성해 갑니다.
설치 없이 웹에서 실습자동 저장48강 무료 기초
기초 48강은 무료입니다. 다음 단계인 12주 실전 수업은 유료 클래스 모집으로 운영합니다.
webdesign / index.htmlLIVE PREVIEW
01 · HTML
<header>My Website</header> <main> <h1>처음 만든 홈페이지</h1> <p>직접 입력해 보세요.</p> </main>02 · CSS
main { padding: 32px; }
h1 { color: #3c6ce5; }RESULT
My Website ● ● ●
처음 만든 홈페이지
직접 입력해 보세요.
홈페이지 만들기 → 새 미리보기 창에서 PC·모바일을 확인합니다
MY LEARNING PROGRESS
0%나의 기초 실습 현황
0 / 48강 완료회원은 서버 DB, 비회원은 이 브라우저에 저장
읽고 → 따라 쓰고 → 결과 확인
설명은 짧게, 직접 작성하는 시간은 충분하게. 막히면 힌트와 완성 코드를 볼 수 있습니다.
YOUR LEARNING ROADMAP
기초부터 실기, 12주 과정까지 4단계 학습
기초 48강 → 시험형 모의실기 → 12주 유료 실전 클래스까지 단계별로 이어집니다.
48 LESSONS · STEP BY STEP
실습 목록
강의를 선택하면 해당 코드 편집 화면으로 이동합니다.
진도는 지금 사용하는 브라우저에서 이어집니다.
학습할 강의를 선택하세요48개 실습
강의 목록을 불러오는 중입니다…
* K-BOOKS 자체 제작 실습 콘텐츠이며 공식 실기시험 채점기가 아닙니다. 학습 코드와 과제는 직접 작성했습니다.
AFTER THE FOUNDATION
12주 클래스 모집 확인하기 →기초 48강은 무료, 다음은 유료 실전 클래스입니다.
ONSAE WORKS · MORU · LUMEN · NEXO · ONSAE STUDIO