Skip to content

HTML Foundations

The structural layer of the web. Semantic markup, document structure, forms, media, and the DOM -- the foundation everything else builds on.

1
What Is HTML?
beginner

The markup language that structures every web page — what it is, why it matters, and how the browser actually parses it.

12 min read
2
Document Structure and Metadata
beginner

The anatomy of every HTML document — DOCTYPE, head, body, and the metadata that controls how browsers, search engines, and social platforms see your page.

14 min read
3
Text Semantics and Content Model
beginner

Headings, paragraphs, emphasis, lists, and the content model that determines which elements can nest inside which — the rules that govern every HTML document.

14 min read
4
Links, Navigation, and URLs
beginner

Anchor elements, URL anatomy, navigation patterns, and the difference between links and buttons — the web's fundamental interaction.

13 min read
5
Images, Media, and Embedding
beginner

Images, video, audio, iframes, and responsive media — how to embed rich content without killing performance or accessibility.

14 min read
6
Forms and Input Types
beginner

HTML form elements, input types, validation attributes, and accessibility — the building blocks of every user interaction on the web.

15 min read
7
Tables and Structured Data
beginner

HTML tables for data presentation — proper structure, accessibility, and when to use tables vs. other layout techniques.

12 min read
8
Semantic HTML and Landmarks
beginner

Landmark elements, sectioning content, ARIA roles, and how semantic structure powers accessibility, SEO, and browser features like reader mode.

14 min read
9
HTML Validation and Best Practices
beginner

Validation tools, common errors, performance patterns, SEO fundamentals, and the production checklist every page should pass before shipping.

13 min read