Every web page you've ever visited is built from HTML: plain text with tags that tell the browser what each part is. By the end of this course you'll have built a complete personal website from scratch and published it for free.

Here's how each lesson works: read the short explanation, then edit the code on the left. The preview on the right updates as you type, and your tasks tick off automatically when you get them right. Your work is saved in this browser, so you can stop and come back.

Tags

Most HTML elements have an opening tag and a closing tag, with content in between:

<h1>This is the main heading</h1> <p>This is a paragraph of text.</p>

h1 means "heading level 1" — the most important heading on the page. p means paragraph. The closing tag has a slash: </p>.

The page skeleton

Every page has the same outer structure. You'll see it in the editor:

<!DOCTYPE html> tells the browser this is a modern HTML page.
<html> wraps everything.
<head> holds information about the page, like its title in the browser tab.
<body> holds everything visible.

Don't worry about memorising the skeleton. Every page starts the same way, so you'll copy it each time — professionals do too.