Beginner · 4h 30m · lessons

HTML & CSS

Build real web pages from scratch — structure them with HTML, then make them beautiful with CSS.

Start course

What you'll learn

  • ✦Write a valid HTML document from scratch and explain what every part of the boilerplate does
  • ✦Structure content with the right elements: headings, paragraphs, links, images, and lists
  • ✦Use semantic tags like <header>, <nav>, <main>, and <footer> to give pages meaning
  • ✦Build accessible forms with labelled inputs, buttons, and the right input types
  • ✦Target elements with CSS selectors and reason confidently about the cascade and specificity
  • ✦Control spacing and sizing with the box model, and pick the right units for the job
  • ✦Lay out pages with flexbox and CSS grid instead of fighting with floats
  • ✦Make any layout responsive with media queries so it looks great on every screen
  • ✦Polish pages with positioning, transitions, hover states, and CSS variables
  • ✦Assemble real layout patterns, work mobile-first, and debug CSS in DevTools

Syllabus

Module 1
HTML: the structure of the web Free
Module 2
Semantic HTML & forms Locked
Module 3
CSS: making it beautiful Locked
Module 4
Layout that works anywhere Locked
Module 5
Polished CSS Locked
Module 6
Layouts that scale Locked