Quest briefing
Structure: HTML
🕹️ Up to 210 XP
🏅 Rank on clear: Page Scribe
Each quest gives XP and an achievement. Clear them all, then beat the boss to rank up.
🏅 Rank on clear: Page Scribe
Each quest gives XP and an achievement. Clear them all, then beat the boss to rank up.
Where you are now: you can push a repo to GitHub.
Where you'll be after this lesson: a semantic, accessible recipe page with a working form, on GitHub.
| Quest | What you'll build |
|---|---|
| Quest 1 · Your first page | Your first web page, opened in a browser |
| Quest 2 · Structure with meaning | A semantic recipe page with lists, images and links |
| Quest 3 · Forms | A review form with built-in validation |
| Quest 4 · Accessibility audit | Audit the page with Lighthouse |
🐉 Boss fight: a 4-question chapter test.
🔑 Unlocks: CSS: Style.
How to play: do quests in order. Each step has code to copy. Run it, compare with the "✅ You should see" line, then move on. Stuck for 10 minutes? Open the hint. Still stuck? Open the full solution, run it, then type it out yourself once. That's allowed.