HTML (HyperText Markup Language) ist die Sprache, mit der jede Webseite im Internet aufgebaut ist. Sie beschreibt nicht das Aussehen, sondern die Struktur einer Seite: Was ist eine Überschrift, was ein Absatz, was ein Link. In dieser Lerneinheit baust du Schritt für Schritt deine erste eigene Seite.
1. Das Grundgerüst
Jedes HTML-Dokument folgt demselben Grundaufbau. Der <head> enthält Informationen über die Seite (Titel, Zeichensatz), der <body> den sichtbaren Inhalt.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Meine Seite</title>
</head>
<body>
<h1>Hallo Welt</h1>
</body>
</html>2. Überschriften und Absätze
Überschriften gliedern deinen Text in Ebenen — von <h1> (wichtigste) bis <h6>. Fließtext gehört in <p>-Elemente.
Verwende pro Seite nur eine <h1> — sie beschreibt das Hauptthema und ist wichtig für Suchmaschinen und Screenreader.
3. Listen
Es gibt zwei Arten von Listen:
- Ungeordnete Listen (
<ul>) — für Aufzählungen ohne Reihenfolge. - Geordnete Listen (
<ol>) — für nummerierte Schritte.
4. Links und Bilder
Ein Link entsteht mit dem <a>-Tag und seinem href-Attribut. Bilder bindest du mit <img> ein — vergiss nie das alt-Attribut als Bildbeschreibung.
<a href="https://kotsch.tech">Zur Startseite</a>
<img src="logo.png" alt="Firmenlogo">5. Tabellen für strukturierte Daten
| Tag | Bedeutung |
|---|---|
| <h1>–<h6> | Überschriften |
| <p> | Absatz |
| <a> | Link |
| <img> | Bild |
Zusammenfassung
Mit diesen Bausteinen kannst du bereits vollständige, sauber strukturierte Seiten bauen. Der nächste Schritt ist CSS — damit gibst du deiner Seite Farbe, Layout und Stil. Übe, indem du das Grundgerüst abtippst und mit eigenen Inhalten füllst.