Home › Module 3: Hello HTML › Lesson 3.5
Module 3: Hello HTML

Make it better — prompt Claude to improve your page

⏱ 25 min build Ages 9 & 12
💡 The big idea

Real developers never write code once and finish. They build iteratively — one improvement at a time. Each round makes it better. This is the actual workflow of software development.

🔄
The improvement loop
▶

Start from the page you built in Lesson 3.2. Send each prompt to Claude and update your file after each one.

Round 1
Add colour
Add a background colour of light blue to my HTML page using inline CSS style.
Round 2
Change headings
Make all the headings on my HTML page use the colour dark purple.
Round 3
New section
Add a second section about where [animal] lives in the wild. Include a heading and two sentences.
Round 4
Add a table
Add a simple 2-column HTML table comparing my animal to one other animal — include 3 rows of facts.
Round 5
Style it up
Make the page look more professional: add padding to the body, a max-width of 800px, and center everything on the page.
🗣 Discuss: Look at how different your page is now! This is iterative development — the exact process professional developers use. What would you add next?
📝
Lesson quiz — test yourself!
▶
✅
Wrap-up discussion questions
▶
1️⃣ What is the difference between <head> and <body> in HTML?
2️⃣ What 5 improvements did you make to your page today?
3️⃣ What would you add if you had one more hour?
📍 Lesson 3.5 — Hello HTML
← Previous Next →