A practical guide to the web

Learn how the web is made.

Start with the building blocks, understand how they fit together, and make a page of your own. Clear lessons, real examples, and a place to experiment.

No setup required to begin. The examples run in your browser.

your-first-page.html
1<!doctype html>
2<html lang="en">
3 <h1>Hello, web.</h1>
4 <p>My first page.</p>
5</html>
A page starts with a few lines.Lesson 01 / HTML

Three tools. One website.

Learn each part separately, then bring them together to build something useful.

01 / Structure

HTML

Give your content meaning with headings, paragraphs, links, images, and forms.

Explore HTML lessons →
02 / Presentation

CSS

Control spacing, color, typography, layout, and how a page adapts to different screens.

Explore CSS lessons →

The tutorial library

Learn by doing.

Choose a lesson from the list. Each one explains the idea, shows an example, and gives you editable code to try. Work through the sections in order or jump to a topic you need.

HTML · Lesson 1 of 12

Your first web page

Understand the basic shape of an HTML document.

Small steps count

Make a page that feels like yours.

Change the words, test a style, break something, and fix it. You learn web development by making things and seeing what happens.

Open the first lesson