HTML gives a page its document structure, meaning, forms, and navigation before any style or script runs. This track treats semantic markup as the interface contract shared by browsers, assistive tools, and search engines.
Choose a starting point
Start with document structure and text semantics. Continue through links, images, forms, tables, media, and accessibility, then build a page whose actions still make sense when scripts or styles fail.
- HTML Tutorial
- HTML elements by purpose: a practical reference
- HTML headings and paragraphs: expose a readable outline without styling tricks
- HTML anchors: use href for navigation and stable fragment targets
- Web Foundations Quiz
Common Mistakes
A visually plausible element can have the wrong semantics or an unusable keyboard path. Use the linked comparisons and projects to check the browser behavior, not only the screenshot.