Web
Make your own web pages: HTML builds the page, CSS makes it beautiful, JavaScript makes it do things — and you see it change as you type.
- 📝 Text & headings
- ⌨️ Forms & inputs
- 🔘 Buttons that do things
- 🖼️ Pictures & galleries
- 🧱 Columns & cards
- 🧮 Calculators & games
Your work is saved in your free TinkerPy account, so you can open it on any computer or phone.
Your work is saved in your free TinkerPy account, so you can open it on any computer or phone.
Your work is saved in your free TinkerPy account, so you can open it on any computer or phone.
All about Web
Your mentor’s quick guide: how it works, what to try next, and answers to common questions.
Headings, text, pictures, buttons and boxes. Type .. to pick one from a list.
Colours, sizes, fonts, columns and animations. Change a value and watch the preview.
Read what is typed, react to clicks, calculate and change the page. Errors show up in the Console.
🧗 What to make next
A page about you · coloured headings · a picture card · a button that says hello
A calculator · a quiz · a to-do list · a photo gallery in columns
A stopwatch · a guessing game · a tip calculator · your own mini website
🎒 What you need
- 💻A computer, tablet or phone with a browser
- ⚡Nothing to install — it runs right here
- 🖼️Pictures: use the ones in our library (robot.svg, cat.svg …) or a picture link
- 🔗Share your page with a link — friends can open it like a website
❓ Questions students ask
What are HTML, CSS and JS?
HTML is what is on the page, CSS is how it looks, and JavaScript (JS) is what it does when you click or type.
Why are there three tabs?
Each language has its own tab, so it is easy to find things. The preview puts them together.
What does the Console show?
console.log() messages and JavaScript errors — with the line number, so you can fix it.
What are .. and ???
Type .. to pick ready-made code for the tab you are in. Type ?? at the end of a line to have it explained.
Python is great for maths, games and AI. Try it with 30+ examples.