Page structure
Place a heading and two sections inside main. Explore why h1 and h2 have different roles.
Open exerciseHTML practice with code checks
A short explanation → a code edit → a preview → feedback on the mistake. One concept at a time, with deeper explanations and hints when you need them.
Find my starting pointAnchor links
Repair a link to a section: the value after # in href must match the target id. Give the link a meaningful label.
Open exerciseBuild your own navigation
Build a menu with two links and two sections without a ready-made solution. Apply the rule to a new task.
Open exerciseLists and step order
Repair a sequence, then independently separate materials from steps in two lists. Check when changing order changes meaning.
Open exerciseHow does a link within a page work?
The link points to an element’s identifier. Here, #notes leads to the heading with id="notes". Put # in href, but not in id.
<a href="#notes">Notes</a>
<h2 id="notes">Notes</h2>Where should I start, and what is checked?
If tags are new to you, start with the introductory lesson. The 12-task diagnostic helps select a starting point in Python and data, while three HTML/CSS questions offer an initial web-practice recommendation. This is a small sample of knowledge, not a professional exam.
Introductory lesson: headings, paragraphs and listsChecks inspect the required structure and relationships between elements. They do not assess the meaning of your text or complete HTML mastery. The current editor supports a limited HTML subset without scripts or external requests.
Works on desktop and phone. The editor and saving require JavaScript. Progress stays in this browser; backups are available in settings.