Website path Content

Structure the page

A page with a clear outline: one main heading and a section for each topic.

Start this module

Example brief

A freelance photographer needs a page with about, services, work and contact sections.

An example. Use your own idea next.

Steps

Write the outline first: about, services, work, contact.
Ask for one for the page and one heading per , in that order.
Check the audit's findings to confirm the headings have no gaps.

What you will learn

Information architecture: Decide the sections and their order before styling. Structure is what visitors and search engines read first.
Heading hierarchy: One h1, then h2 for sections, h3 inside them. Skipping levels confuses screen readers and outlines.
Anchor links: Links like #contact jump within the page. They also give you a simple navigation without scripts.

A sample prompt

Build a one-page site for Mia Lopez Photography, a freelance photographer. Use one main heading, then four sections in this order, each with its own heading: About, Services, Work, Contact. End with a button that links to the contact section and says 'Ask about a shoot'.

Write yours first, then compare.

To complete it

Pass all 7 checks on one version, then accept.