HTML Practice
Practical HTML exercises for self-study and classroom practice.
Build a basic HTML page
Practice exercise: build a valid HTML5 page with correct doctype, head, and body structure.
2Build a navigation menu
Practice exercise: build a semantic navigation menu using <nav> and a list of links.
3Build an image gallery
Practice exercise: place several images with correct alt attributes and captions.
4Build a contact form
Practice exercise: build a contact form with name, email, and message fields.
5Mark up an article semantically
Practice exercise: structure an article using semantic elements like article, section, and header.
6Build a data table
Practice exercise: build a table with correct thead/tbody structure for tabular data.
7Make links accessible
Practice exercise: fix a set of links so they're clear to screen readers and an external link opens safely.
8Build a card with CSS
Practice exercise: build a product card in HTML and link an external stylesheet to it.