Editor’s pick
Start here: a page that explains one idea
Write one heading and one explanatory paragraph. A demonstration editing brief; supply your own evidence and details.
Open the guide ↗Build something.
Understand it.
Short, practical guides for the web. Pick a topic, follow the steps, and leave with something that works.
START WITH THIS GUIDE
Your pace. Your path.
Start with the foundations or jump straight into a project.
The library
Tutorials & field notes
Your first semantic HTML document
Separate page metadata from visible semantic content. A demonstration editing brief; supply your own evidence and details.
Links, lists and a useful navigation
Give navigation links descriptive text and real destinations. A demonstration editing brief; supply your own evidence and details.
Images that make sense without the picture
Choose alternative text from the image’s purpose. A demonstration editing brief; supply your own evidence and details.
A form people can actually use
Connect a visible label to its form control. A demonstration editing brief; supply your own evidence and details.
HTML foundations: your first complete page
Combine the document shell with a readable main section. A demonstration editing brief; supply your own evidence and details.
Start here: the CSS layout path
Start with a readable single-column layout. A demonstration editing brief; supply your own evidence and details.
The learning desk
Make room for a new idea.
A notebook, a small example and the time to work through a question.
Photography for visual inspiration; the people, places and objects are not the subjects of the fictional demo stories.