Learning path
HTML foundations
Move from a blank file to a semantic, linked, responsive, published website.
Outcome
Build and explain a small multi-page site with semantic HTML and a responsible publishing checklist.
01
lesson
Your first HTML page
Create a complete HTML document, open it in a browser, and understand what each required part contributes.
02
lesson
HTML document structure
Understand how the root element, metadata, and visible document content form a predictable HTML page.
03
lesson
Text, headings, and paragraphs
Structure readable page content with meaningful headings, paragraphs, emphasis, and quotations instead of visual shortcuts.
04
lesson
Links and site navigation
Create descriptive links and ordinary multi-page navigation that remain usable, crawlable, and understandable.
05
lesson
Images and alternative text
Add useful images with dimensions, truthful alternative text, and responsive source choices that avoid layout shift.
06
lesson
HTML lists
Represent unordered sets, ordered sequences, and name-value groups with list structures that communicate relationships.
07
lesson
Tables for data
Mark up genuine row-and-column data with captions and headers while keeping layout responsibilities in CSS.
08
lesson
Accessible HTML forms
Build a form with persistent labels, sensible input types, grouped controls, instructions, and honest submission behavior.
09
lesson
Semantic page layout
Choose landmarks and sectioning elements by their role so navigation and content remain understandable without visual styling.
10
lesson
Metadata basics
Give a page a truthful title, concise description, encoding, viewport behavior, and canonical identity without unsupported SEO claims.
11
lesson
Build a multi-page site
Organize several HTML documents, shared assets, relative links, and navigation into a small site that works without JavaScript.
12
lesson
Publish a static site
Prepare a small website for static hosting, deploy it, and verify the real public URL instead of trusting build output alone.