HTML/CSS · Basic to Pro

HTML & CSS: Web Fundamentals — Full Course

This course takes you from a blank HTML file to building real, responsive page layouts with modern CSS — semantic structure, accessible forms, the box model, Flexbox, Grid, and designing for both phone and desktop screens.

Every lesson is written, not filmed: read at your own pace, open the examples directly in a browser (no installation needed at all for this course), and use the Back and Forward buttons to move through the course in the order it was designed.

What you will learn

  • HTML structure, common elements, and semantic tags
  • Accessible forms and links
  • CSS selectors, the box model, and colors/units
  • Flexbox for one-dimensional layouts
  • CSS Grid for two-dimensional layouts
  • Responsive design with media queries
  • Common accessibility and layout mistakes to avoid

Who this is for

No prior experience required — this is the natural starting point before the JavaScript course, which assumes you already know how to structure and style a page.

Start Course → Continue Where You Left Off →