🤖

Kodi's Code Clubhouse

Learn HTML, CSS & JavaScript — and build your first website!

A Koinder Global Limited production

🔒

This playground is part of Kodi Premium

Unlock the Notebook vs Novel playground, the full HTML Playground, and every lesson.

📓 A Notebook, Not a Novel!

Why does HTML use all those <tags>? Tap the coloured tabs on the notebook and watch the browser's face — then look at the poor confused novel! 👀

📖 The Novel — no labels!

Just flowing words... which part is the title? Where's the picture? Nobody knows!

welcome to my page i love cats my cat is called whiskers here is a picture of whiskers playing also please click this button to say hello this website was made in 2026 thank you for visiting goodbye the end

is this a heading is it a paragraph is that a picture or a button who can even tell the words just go on and on and on with no signs no labels no sections nothing!

😵 The Browser: "Help! Which part is the heading?? Where do I hang the picture?? There are NO LABELS!"

📓 The Notebook — HTML with labeled tabs!

👇 Tap a tab — the browser finds that part instantly:

<head>🧠 Chapter 0: the thinking part — the page's title & secrets (hidden!)
<h1>📣 Chapter 1: Welcome to my page!
<p>✍️ Chapter 2: I love my cat Whiskers. He is very funny.
<img>🐱 Chapter 3: [Whiskers' photo hangs here]
<footer>🦶 Chapter 4: © 2026 — made with ❤️ and HTML
🙂 The Browser: "Tap a tab above — I'll show you how fast I find things when they're labeled!"
💡 That's the whole secret: a novel is words with no signs, but HTML is a notebook with labeled tabs. Every <tag> is a label that tells the browser: "this is a heading", "this is Bobo's head", "this is his body" — so it never, ever gets confused! 📓✨

🎉 Now you know exactly WHY tags exist!

Ready to build a real page with those tags yourself?

🧩 HTML Playground → 🧱 Back to HTML Lesson
🏅

An Official Koinder Skills Academy Programme

Kodi's Code Clubhouse is produced by Koinder Global Limited. Koinder Global Limited is licensed by the FCT Department of Mass Education to provide vocational skills training and run Non-Formal Education programmes.

Lead Tutor & Curriculum Developer: Glory N. Nweke