Your first HTML page
Create a complete HTML document, open it in a browser, and understand what each required part contributes.
Open resourceLearning path
HTML foundations
Create, structure, connect, and publish a semantic multi-page website.
HTML document structure
Understand how the root element, metadata, and visible document content form a predictable HTML page.
Open resourceText, headings, and paragraphs
Structure readable page content with meaningful headings, paragraphs, emphasis, and quotations instead of visual shortcuts.
Open resourceLinks and site navigation
Create descriptive links and ordinary multi-page navigation that remain usable, crawlable, and understandable.
Open resourceImages and alternative text
Add useful images with dimensions, truthful alternative text, and responsive source choices that avoid layout shift.
Open resourceHTML lists
Represent unordered sets, ordered sequences, and name-value groups with list structures that communicate relationships.
Open resourceTables for data
Mark up genuine row-and-column data with captions and headers while keeping layout responsibilities in CSS.
Open resourceAccessible HTML forms
Build a form with persistent labels, sensible input types, grouped controls, instructions, and honest submission behavior.
Open resourceSemantic page layout
Choose landmarks and sectioning elements by their role so navigation and content remain understandable without visual styling.
Open resourceMetadata basics
Give a page a truthful title, concise description, encoding, viewport behavior, and canonical identity without unsupported SEO claims.
Open resourceBuild a multi-page site
Organize several HTML documents, shared assets, relative links, and navigation into a small site that works without JavaScript.
Open resourcePublish a static site
Prepare a small website for static hosting, deploy it, and verify the real public URL instead of trusting build output alone.
Open resource