Loading page
Web foundations
Build the structure and meaning of web pages with semantic HTML.
<!doctype html>
<h1>Build with meaning</h1>
<p>Structure comes before styling.</p>COURSE CURRICULUM
Finish one section at a time or jump directly to a concept you need.
Learn how document anatomy and the html parser works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how elements, attributes, and valid nesting works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how text, links, images, and paths works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how semantic landmarks and document outlines works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how forms, labels, and native controls works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how accessible decisions with progressive enhancement works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how lists, tables, and repeated content works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how reusable page regions and templates works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how navigation and content grouping works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how metadata, language, and social previews works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how validation and accessible error messages works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how organizing a multi-page site works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how responsive images and embedded media works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how loading assets without broken paths works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how testing semantics with browser tools works in HTML, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.