HTML tutorials
40 preserved pages, including the section index.
Explore this sectionUnderstand what you are building
Small lessons. Useful foundations.
Explore the existing lessons and reference pages, with their substantive content and examples retained.
Forms and inputs
6 preserved pages, including the section index.
Explore this sectionCanvas and SVG
3 preserved pages, including the section index.
Explore this sectionAudio and video
4 preserved pages, including the section index.
Explore this sectionBrowser APIs
6 preserved pages, including the section index.
Explore this sectionHTML reference
144 preserved pages, including the section index.
Explore this sectionHTML introduction: turn content into a page
Learn what HTML describes, how a browser reads it, and where CSS and JavaScript fit.
Read the complete guideA basic HTML document that a browser can read
Build a complete document with a doctype, language, metadata, title and body.
Read the complete guideHTML elements: tags, content and nesting
Understand complete elements, void elements and a readable nested structure.
Read the complete guideHTML attributes: configure an element clearly
Use attributes for destinations, labels, identifiers and deliberate button behavior.
Read the complete guideHTML links: destinations, fragments and clear text
Build meaningful links and verify both file paths and same-page targets.
Read the complete guideHTML images: useful alternatives and stable layout
Add images with meaningful alt text, dimensions and responsive sizing.
Read the complete guideHTML lists: sequences, groups and definitions
Choose ordered, unordered or description lists for the information you have.
Read the complete guideHTML tables: make data relationships clear
Use captions and header cells to make tabular information understandable.
Read the complete guideHTML forms: labels, validation and real submission
Build accessible inputs and distinguish a frontend demonstration from a working server form.
Read the complete guideSemantic HTML: structure with a purpose
Choose landmarks, headings and action elements based on what the content means.
Read the complete guideResponsive web design: let the layout adapt
Combine viewport metadata, fluid widths and content-based breakpoints.
Read the complete guideAdd CSS to HTML without losing structure
Choose an inline, embedded or external stylesheet and understand the cascade.
Read the complete guideAdd JavaScript for a deliberate interaction
Connect a button to a document update and keep user-provided content as text.
Read the complete guideColor palettes and tools
Search the source palettes, convert colors and inspect text contrast.
50-question HTML practice
Try the existing questions and review your answers with explanations.
Pixels, em and rem
Use separate parent and root font sizes for the conversion.
HTML questions and answers
Read the existing practical HTML FAQ without invalid structured data.