← Learn to Code — Python, Java, C, SQL & Web · 코딩 배우기 — Python, Java, C, SQL & 웹 개발
Web Basics — HTML & CSS · 웹 기초 — HTML & CSS
Start from zero. Short steps. Build a real web page. · 초보자도大丈夫. 짧은 단계로 실제 웹 페이지를 만들어보세요.
html 21 Lessons · 수업
Every lesson runs in your browser — write real code, press Run, and the tasks check themselves. Free, no account needed, with translated notes paired with English. · 모든 수업은 브라우저에서 실행됩니다 — 실제 코드를 작성하고 '실행' 버튼을 누르면 과제가 자동 점검합니다. 무료이며 계정 없이 이용 가능하며, 영문과 짝지어진 번역 메모가 제공됩니다.
Lessons in this course · 이 과정의 수업
No lessons match. Clear the search or choose another filter.
- history A short history of the web · 웹의 짧은 역사 Reading and resources
- usage What a web page is made of · 웹 페이지의 구성 요소 Reading and resources
- resources Where to learn more · 더 배우는 곳 Reading and resources
- setup What you need (almost nothing) · 필요한 것 (거의 없습니다) Reading and resources
- 01 Your first web page · 첫 번째 웹 페이지 만들기 2 required tasks Video · 영상
- 02 Headings and paragraphs · 제목과 문단 2 required tasks Video · 영상
- 03 Bold, italic and line breaks · 굵은 글자, 이탤릭 및 줄바꿈 2 required tasks Video · 영상
- 04 Lists · 리스트(Lists) 2 required tasks Video · 영상
- 05 Links 2 required tasks Video · 영상
- 06 Images 2 required tasks Video · 영상
- 07 Make it a real page 2 required tasks Video · 영상
- 08 Comments and neat nesting · 주석 및 깔끔한 중첩 2 required tasks Video · 영상
- 09 Tables 2 required tasks Video · 영상
- 10 Forms 2 required tasks Video · 영상
- 11 Boxes and sections 2 required tasks Video · 영상
- 12 Add some style · 스타일 추가하기 2 required tasks Video · 영상
- 13 Selectors — class and id · 선택자 — 클래스와 ID 2 required tasks Video · 영상
- 14 Colours and backgrounds · 색상과 배경 2 required tasks Video · 영상
- 15 Styling text · 텍스트 스타일링 2 required tasks Video · 영상
- 16 The box model 2 required tasks Video · 영상
- 17 Spacing — margin and padding 2 required tasks Video · 영상
- 18 Showing and hiding (display) · 보이기 및 숨기기 (display) 2 required tasks Video · 영상
- 19 Width and centering 2 required tasks Video · 영상
- 20 Rows with Flexbox 2 required tasks Video · 영상
- 21 Mini-project: a profile card 3 required tasks Video · 영상