Run
Render a simulated preview from the current lesson snippet.
Landmarks, sections, articles, navigation, and content hierarchy.
Build site header inside the persistent Support center: Site header starter project.
Beginner 02 Semantic structure Semantic structure: Primary navigationBuild primary navigation inside the persistent Team directory: Primary navigation starter project.
Beginner 03 Semantic structure Semantic structure: Main landmarkBuild main landmark inside the persistent Field notes: Main landmark starter project.
Beginner 04 Semantic structure Semantic structure: Named sectionsBuild named sections inside the persistent Civic calendar: Named sections starter project.
Beginner 05 Semantic structure Semantic structure: Independent articlesBuild independent articles inside the persistent Learning journal: Independent articles starter project.
Beginner 06 Semantic structure Semantic structure: Supporting asidesBuild supporting asides inside the persistent Product changelog: Supporting asides starter project.
Beginner 07 Semantic structure Semantic structure: Page footerBuild page footer inside the persistent Workshop signup: Page footer starter project.
Beginner 08 Semantic structure Semantic structure: Contact informationBuild contact information inside the persistent Incident summary: Contact information starter project.
Beginner Checkpoint 09 Semantic structure Semantic structure: Nested heading orderBuild nested heading order inside the persistent Community workshop: Nested heading order starter project.
Beginner 10 Semantic structure Semantic structure: Complete page outlineBuild complete page outline inside the persistent Neighborhood library: Complete page outline starter project.
BeginnerCreate a free account to sync completed lessons, XP, streaks, course status, and your next lesson across sessions.
Checking account status...
Progress sync is idle.
Progress sync stores completion IDs, scores, streaks, badges, and game settings. Terminal contents, editor snippets, lab scratch, email, and real names are never published on leaderboards or share cards.
Run
Render a simulated preview from the current lesson snippet.
Check
Save the lesson after the required task snippets are complete.
Hint
Show the lesson hint without changing progress.
Reset
Clear local Web lab scratch state for this browser.
<!doctype html>
Start an HTML document with an explicit standards-mode marker.
<header> <main> <section> <footer>
Use semantic landmarks so pages have structure.