Web Basics — 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 notes in English and Chinese.
Lessons in this course
- history A short history of the web
- usage What a web page is made of
- resources Where to learn more
- setup What you need (almost nothing)
- 01 Your first web page
- 02 Headings and paragraphs
- 03 Bold, italic and line breaks
- 04 Lists
- 05 Links
- 06 Images
- 07 Make it a real page
- 08 Comments and neat nesting
- 09 Tables
- 10 Forms
- 11 Boxes and sections
- 12 Add some style
- 13 Selectors — class and id
- 14 Colours and backgrounds
- 15 Styling text
- 16 The box model
- 17 Spacing — margin and padding
- 18 Showing and hiding (display)
- 19 Width and centering
- 20 Rows with Flexbox
- 21 Mini-project: a profile card