Skip to content

Lesson 01 · HTML & CSS

HTML & CSS Fundamentals: Structure & Semantics

What HTML is for, how the document skeleton fits together, and why choosing the right element - headings, lists, semantic landmarks - serves every reader.

Learning objectives
By the end of this lesson, you will be able to:
  • Write a complete HTML document skeleton from memory
  • Build a heading hierarchy that outlines a page without gaps
  • Choose between ul, ol, strong and em based on meaning, not looks
  • Structure a page with header, nav, main, article, section and footer
  • Explain what semantic markup offers browsers, screen readers and search engines