Web Basics — HTML & CSS

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.

Start the course

Lessons in this course

No lessons match. Clear the search or choose another filter.

1. history A short history of the web Reading and resources
2. usage What a web page is made of Reading and resources
3. resources Where to learn more Reading and resources
4. setup What you need (almost nothing) Reading and resources
5. Your first web page 01 · 3 required tasks · ★ Video
6. Headings and paragraphs 02 · 3 required tasks · ★ Video
7. Bold, italic and line breaks 03 · 3 required tasks · ★ Video
8. Lists 04 · 3 required tasks · ★ Video
9. Links 05 · 3 required tasks · ★ Video
10. Images 06 · 3 required tasks · ★
11. Make it a real page 07 · 3 required tasks · ★★ Video
12. Comments and neat nesting 08 · 3 required tasks · ★ Video
13. Tables 09 · 3 required tasks · ★★ Video
14. Forms 10 · 3 required tasks · ★★ Video
15. Boxes and sections 11 · 3 required tasks · ★★ Video
16. Add some style 12 · 3 required tasks · ★
17. Selectors — class and id 13 · 3 required tasks · ★★ Video
18. Colours and backgrounds 14 · 3 required tasks · ★★ Video
19. Styling text 15 · 3 required tasks · ★★ Video
20. The box model 16 · 3 required tasks · ★★ Video
21. Spacing — margin and padding 17 · 3 required tasks · ★★ Video
22. Showing and hiding (display) 18 · 3 required tasks · ★★ Video
23. Width and centering 19 · 3 required tasks · ★★ Video
24. Rows with Flexbox 20 · 3 required tasks · ★★★ Video
25. Mini-project: a profile card 21 · 3 required tasks · ★★★★ Video

Language reference

/know/reference/html