Level 6 · Lesson 51: Level 6 test: Web Maker

What the lesson explains

Web Maker. Everything from Level 6. No hints this time. Press Show page to check your work.

What you do first

Show what you know. What reads index.html and draws the page? The answer: "The browser".

The files on the practice computer

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

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

The page on the screen

Web Maker. The page uses the tags <h1>, <p>, and its big title reads "All about pets". Its style.css has 2 rules.

What you practise

Test, "Show what you know": What reads index.html and draws the page? The answer: "The browser". Then: Which line closes a paragraph? The answer: "</p>". Then: Add a <p> that says I made this. One way: write in index.html: <p>I made this</p>. Then press Show page to see it. Then: In h1 { color: green; }, what is color? The answer: "The property". Then: Make the h1 green in style.css. One way: write in style.css: color: green;. Then press Show page to see it. Then: What is alt text for? The answer: "Saying what a picture shows".

Challenge, "A mini page": Build a tidy mini page. One way: write in index.html: <h1>My robot</h1> / <p>It can do two things.</p> / <ul> / <li>Beep</li> …. Then press Show page to see it.

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.

This is a test, so the green ring stays away: you show what you know on your own.

Stars

The lesson has 7 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.