Was sind HTML und CSS?

Jede Webseite, die du besuchst, besteht aus drei Technologien:

HTML (HyperText Markup Language) ist keine Programmiersprache, sondern eine Auszeichnungssprache: Du markierst Textteile mit Tags und sagst damit, was sie bedeuten ("das ist eine Überschrift", "das ist ein Link").

Deine erste Seite

Ändere den Text und klicke auf Ausführen. Das Ergebnis erscheint direkt darunter.

Wie funktioniert das Web?

1. Du gibst eine Adresse ein oder klickst einen Link.
2. Der Browser fragt beim Server nach der Datei.
3. Der Server schickt HTML (und dazu CSS, Bilder, JavaScript).
4. Der Browser baut daraus die Seite auf und zeigt sie dir.

Alles, was du im Browser siehst, kannst du mit F12 (Entwicklerwerkzeuge) untersuchen, auch bei fremden Seiten.

Was du brauchst

Nur zwei Dinge: einen Texteditor (zum Beispiel VS Code, kostenlos) und einen Browser. Speichere deine Datei mit der Endung .html, zum Beispiel index.html, und öffne sie per Doppelklick.

Ein Blick auf CSS

CSS besteht aus Regeln: Ein Selektor (h1) sagt, was gestaltet wird, und in { } stehen Deklarationen (color: teal;), die sagen, wie.

Der Lernweg in diesem Kurs

1. HTML: Gerüst, Text, Links, Bilder, Listen, Tabellen, Formulare, Semantik, Medien
2. CSS: Selektoren, Farben, Text, Box-Modell, Layout (Flexbox, Grid), responsives Design, Animationen
3. Praxis: Barrierefreiheit, moderne CSS-Funktionen, ein komplettes Projekt