Camp 1 · Schritt 2 von 14

Your first page

Write a complete HTML page and watch the browser render it live as you type.

10 Min.+50 XPAuf Englisch angezeigt — Übersetzung ist unterwegs

Time to build. The playgrounds in this trail render your HTML live — every keystroke updates the preview.

A whole page

HTML

Live-Vorschau

Every full HTML page has this skeleton:

<!DOCTYPE html> — "this is modern HTML" (always the first line)
<html> — the root that wraps everything
<head> — information about the page (its title, settings); not shown in the page body
<body> — everything you actually see

Headings h1–h6

HTML has six heading levels — a table of contents built into the language:

HTML

Live-Vorschau

Use them for structure, not for size — <h1> is the page topic (one per page), <h2> are its sections, <h3> are subsections. Screen readers and search engines navigate by this outline.

Checkpoint

Where does visible page content belong?

Checkpoint

How many <h1> elements should a page normally have?

What's next

The anatomy of tags, elements, and attributes — the grammar the whole language follows.