Learning path
Build a business site
Combine structure, content, forms, responsive layout, and release checks around one practical result.
Outcome
Produce a small business site whose claims, keyboard behavior, mobile layout, and launch state can be verified.
01
lesson
HTML document structure
Understand how the root element, metadata, and visible document content form a predictable HTML page.
02
lesson
Links and site navigation
Create descriptive links and ordinary multi-page navigation that remain usable, crawlable, and understandable.
03
lesson
Images and alternative text
Add useful images with dimensions, truthful alternative text, and responsive source choices that avoid layout shift.
04
lesson
Accessible HTML forms
Build a form with persistent labels, sensible input types, grouped controls, instructions, and honest submission behavior.
05
lesson
Semantic page layout
Choose landmarks and sectioning elements by their role so navigation and content remain understandable without visual styling.
06
lesson
Add CSS to an HTML page
Connect a stylesheet, select elements deliberately, and preserve meaningful HTML while changing presentation.
07
lesson
Responsive layout foundations
Build fluid layouts that reflow from narrow phones to wide screens without fixed-width assumptions or horizontal overflow.
08
lesson
Keyboard access and visible focus
Make interactive controls reachable, operable, ordered, and visibly focused without recreating native keyboard behavior.
09
example
Multi-page local-business starter
An original small-business structure with honest placeholders, crawlable navigation, and a clear path to real contact information.
10
guide
Publish and verify a static website
Move a tested local site through preview and production while preserving one artifact, correct configuration, rollback, and real-service checks.