Skip to main content
Student
🔍
← Studio
Coding Playground
HTML/CSS
JavaScript
Python
Blank Page
Style a Card
Build a Layout
index.html
▶ Run
<!DOCTYPE html> <html> <head> <title>My Page</title> <style> body { font-family: Arial; background: #111; color: #eee; padding: 24px; } </style> </head> <body> <h1>Hello!</h1> <p>Start building here.</p> </body> </html>
Live Preview
Challenges
Honor system — try your best, then mark complete
#1
Change the heading text
HTML/CSS
#2
Make the background blue
HTML/CSS
#3
Create a bulleted list
HTML/CSS
#4
Style a button with hover
HTML/CSS
#5
Function that adds two numbers
JavaScript
#6
Loop that counts to 10
JavaScript
#7
Find the largest number
JavaScript
#8
Build a click counter
HTML/CSS
#9
To-do list
HTML/CSS
#10
Build a calculator
HTML/CSS
▶
Sprint
🎨
Studio
📈
Progress
👤
Me
