Level 6 · Lesson 50: Practice: Broken Page

What the lesson explains

Tags, cards, bugs. Match tags, copy a card, and fix a broken page.

What you do first

Which tag?. Which tag makes the biggest title? The answer: "<h1>".

The files on the practice computer

This lesson works in 0 folders. At the start, .

You change nothing here, so lesson 51 finds the same files.

The page on the screen

Tags, cards, bugs. The page uses the tags <h1>, <p>, and its big title reads "All about pets".

What you practise

Tag Match, "Which tag?": Which tag makes the biggest title? The answer: "<h1>". Then: Which tag is one item of a list? The answer: "<li>". Then: Which CSS line makes words red? The answer: "color: red;". Then: Copy the card: an <h2> Cat facts and a list of two. One way: write in index.html: <h2>Cat facts</h2> / <ul> / <li>Cats sleep a lot.</li> / <li>Cats purr.</li> …. Then press Show page to see it.

Challenge, "Broken Page": Fix all three bugs, then Show page. One way: write in index.html: <h1>Weather</h1> / <p>Sunny and warm.</p>; and in style.css: color: blue;. Then press Show page to see it.

What PlayBuddy and PlayType say

PlayType: "Practice time! Match tags, copy a card, and fix a broken page."

Help in every lesson

Everything happens on a pretend computer in your browser, so nothing touches your real files. PlayBuddy and PlayType stand beside the board, cheer you on and say when it is your turn.

A green ring shows where to click the first time. After that you do it on your own, and if you slip twice the ring comes back.

Stars

The lesson has 5 things to do. Up to one slip in ten gives three stars, up to one in four gives two, and finishing always gives at least one. Stars and progress are saved in this browser only; there is no account.

About DayOneCode

DayOneCode is an independent learning site, not affiliated with or endorsed by Anthropic. Claude and Claude Code are trademarks of Anthropic.