Code PlaygroundWrite HTML · CSS · JavaScript → see the result LIVE — made for new learners
✏️ Your Code
👁️ Live Preview
🖥️ Console (JavaScript output & errors)
📚 Beginner Lessons — how to create HTML & JavaScript code
📘 Lesson 1 — What is HTML?
HTML is the skeleton of every website. Tags like <h1> make titles, <p> makes paragraphs, <img> shows pictures. Every page starts with <html> and ends with </html>.
📘 Lesson 2 — First full page
A complete page has a <head> (title + styles) and a <body> (visible content). Type your code on the left and watch the preview update instantly.
📘 Lesson 3 — Colors with CSS
CSS makes the page beautiful. Colors, sizes, borders, backgrounds — everything is style. Change the values and see what happens!
📘 Lesson 4 — JavaScript says Hello
JavaScript is the brain of the page. It can pop up messages, count numbers and react to clicks. Try changing the name and press Run!
📘 Lesson 5 — Counter with JavaScript
Variables remember values, functions do actions. This counter grows every time you click — the same idea is used in games and apps!
📘 Lesson 6 — Change text with JS
JavaScript can find any element by its id and change it live — text, colors, even hide things!
<h1> big title · <p> paragraph · <img src="…"> picture · <a href="…"> link · <button> button — CSS: color background padding — JS: alert() console.log() onclick