Level 1 from age 8
Builder 🧱
In this level you'll build your entire website using HTML (the page's skeleton) and CSS (its look). By the end, your website will be at a real address on the internet.
Haven't set up your computer yet? Go through Prep first.
Loading your progress…
- How the web works, and your first page Find out what happens when you type an address into a browser, and build the foundation of your website.
- Headings, paragraphs, and lists Fill your page with real content, and learn how to organize it clearly.
- Images Add photos and pictures to your website – and learn to keep them neatly organized in a folder.
- Links and a second page Your website stops being just one page. You'll build a second one and connect them with links.
- Header, menu, and footer Give your page real structure like actual websites have: a header with a menu up top, and a footer below.
- Your first CSS: the page gets colors Meet the CSS language, and watch your website stop looking like it's from 1995.
- Fonts and classes Pick a proper font for your website, and learn about classes – the most useful trick in all of CSS.
- Boxes and spacing Discover the biggest secret in CSS: everything on a page is a box. And learn to move them around.
- Flexbox: a real menu Learn to line boxes up side by side, and your menu will look like it's from a real website.
- Cards and a photo gallery Build the two most popular pieces of modern websites: content cards and a grid of photos.
- Footer and final touches Finish off your website's look: a footer, small details that make a big impression, and a final check.
- Publish your website on the internet The big finale: your website gets a real address you can send to anyone in the world.