Page landmarks in HTML & CSS

HTML & CSS interview exercise on Semantic HTML, difficulty 1 of 3. Solve it in the editor beside a worked example; the tests run the moment you do.

Lay out a whole page with the landmark elements: a header holding the site name and a nav with three links (Docs, Pricing, Sign in), a main region with an h1 and a paragraph, an aside with a short note, and a footer. The styles are written for those elements, so divs with class names will render plain.

Each exercise pairs a worked example with a twin problem to solve in a real editor; the tests run the moment you do. Progress is saved in your browser, and in your account if you sign in.

More Semantic HTML in HTML & CSS

All HTML & CSS exercises · Other languages and frameworks