Don't take our word for it - type. The panel below is a real, editable HTML playground, the same kind that runs through every session. Change the words. Add a tag. Break it. The right side answers instantly.
<h1>Hello, I am about to learn HTML</h1> <p>This page is <strong>mine</strong>. Edit me. Nothing can go wrong.</p>
Your first page, in a plain text file
Elements, attributes, the skeleton every page wears, heading discipline - and index.html is born in your browser.
🔗 Session 2 · easyWords that link
Meaningful text, lists, quotes and code - then links, the web's whole superpower, plus a finished head with favicon.
🖼️ Session 3 · mediumPictures and structure
Images with honest alt text, video and audio, and the semantic layout regions that give your page a professional skeleton.
📋 Session 4 · mediumTables and forms
Accessible data tables (the data person's favorite) and forms with labels, input types, and free browser validation.
🎨 Session 5 · new territoryEnough CSS to be proud
Selectors, color and type, the box model, one flexbox trick - a starter kit chosen for maximum visible payoff.
🚀 Session 6 · ship dayPolish and ship
Validator, the 6-point accessibility audit, viewport meta - then GitHub Pages, and your page is LIVE on a real URL.
Choose your path 🗺️
Everyone starts at Session 1. The project compounds - each session edits the same page you ship in Session 6.
The deep-dive track 🔬
Self-paced pages for after ship day - the modern HTML most tutorials skip, and the head upgrades that make your links look great on LinkedIn.
The knowledge map 🧠
The whole course at a glance - hover a session to spotlight its concepts, click any node to jump in.