Web Pages with HTML and CSS
Build your own web pages: headings, pictures, links, lists, colours and layouts with HTML and CSS.
Instructor
Build your own web pages: headings, pictures, links, lists, colours and layouts with HTML and CSS.
A Beginner course for ages 9–12. Every lesson explains one idea in plain words, shows code examples you can copy, ends with a hands-on project and a short quiz that explains each answer. Projects use free tools: Scratch, an online Python editor, and CodePen for web pages.
What you will learn
- How Web Pages Work
- Headings, Paragraphs and Lists
- Links and Images
- Hello CSS: Colours and Fonts
- Classes and IDs
- The Box Model
- Layout with Flexbox
- Pages for Phones: Responsive Design
- Project: My Fan Site
For parents: lessons take about 15–30 minutes. Children can work on their own, and you can follow their progress from your parent dashboard.
Module 1: How Web Pages Work, Headings, Paragraphs and Lists…
3 lessons-
Headings, Paragraphs and Lists
-
Links and Images
Module 2: Hello CSS: Colours and Fonts, Classes and IDs…
3 lessons-
Hello CSS: Colours and Fonts
-
Classes and IDs
-
The Box Model
Module 3: Layout with Flexbox, Pages for Phones: Responsive Design…
3 lessons-
Layout with Flexbox
-
Pages for Phones: Responsive Design
-
Project: My Fan Site