Example01
A reading journal with a clear heading
Build a small reading journal and see how a heading, paragraph, and main landmark work together.
THE HTML LEARNING LIBRARY
Code examples
Change the source, run it, and connect the markup to the result.
8 resources to explore
8 on this page
Example02
From document scaffold to visible content
Separate head metadata from body content, then inspect the difference between a tab title and a visible heading.
Example03
A fragment link that reaches its section
Connect a meaningful link label to a unique section ID and inspect how fragment navigation behaves.
Example04
An ordered procedure with meaningful steps
Model a sequence as an ordered list and distinguish the numbered structure from decorative markers.
Example05
A labeled email control with native constraints
Inspect a persistent form label, email syntax checks, and the limits of browser validation.
Example06
Landmarks around a walking-guide article
Separate site context, navigation, main content, and footer information with native semantic elements.
Example07
A workshop schedule with explicit headers
Build a small data table with a caption, column headers, and row labels that explain each topic cell.
Example08
A disclosure that works without custom JavaScript
Use details and summary for supporting information, then test their native open and closed states.
No resources on this page match that filter. Try a shorter phrase or search the full library.