Was ist HTML?

HTML steht für HyperText Markup Language, auf Deutsch: Hypertext-Auszeichnungssprache. Das klingt erstmal sperrig, lässt sich aber gut aufschlüsseln:

• Hypertext bedeutet, dass Texte miteinander verlinkt werden können. Genau das macht das Web aus: Du klickst auf einen Link und landest auf einer anderen Seite.
• Markup (Auszeichnung) bedeutet, dass du deinen Inhalt mit speziellen Markierungen versiehst, die dem Browser sagen: “Das hier ist eine Überschrift”, “Das ist ein Absatz”, “Das ist ein Bild”.
• Language: es ist eine Sprache, allerdings keine Programmiersprache. HTML beschreibt Struktur, nicht Logik.

Das ist ein wichtiger Punkt, der oft für Verwirrung sorgt: HTML ist eine Auszeichnungssprache, keine Programmiersprache. Der Unterschied? Mit einer Programmiersprache wie JavaScript kannst du Logik ausdrücken: Bedingungen, Schleifen, Berechnungen. HTML beschreibt dagegen nur die Struktur und den Inhalt einer Seite.

Stell dir vor, du baust ein Haus:

• HTML ist der Rohbau: Wände, Türen, Fenster. Es definiert, was wo steht.
• CSS ist die Inneneinrichtung: Farben, Möbel, Dekoration. Es bestimmt, wie alles aussieht.
• JavaScript ist die Elektrik und Haustechnik: Lichtschalter, Heizungssteuerung. Es fügt Verhalten und Interaktivität hinzu.

Alle drei Technologien arbeiten zusammen, aber HTML ist immer das Fundament.

Hier ist das einfachste HTML-Dokument der Welt:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8">
    <title>Meine erste Seite</title>
  </head>
  <body>
    <h1>Hallo Welt!</h1>
    <p>Das ist meine erste HTML-Seite.</p>
  </body>
</html>

Lass dich nicht von den vielen Zeilen abschrecken. Im nächsten Artikel (Dokumentstruktur) gehen wir jede einzelne Zeile durch. Für jetzt reicht es zu wissen:

• <h1> erzeugt eine Überschrift
• <p> erzeugt einen Absatz
• Der Browser interpretiert diese Tags und zeigt den Inhalt entsprechend an

Ohne HTML sieht der Browser nur reinen Text: keine Überschriften, keine Absätze, keine Links. Erst durch HTML-Tags gibst du deinem Inhalt Struktur. Hier siehst du den Unterschied:

<h1>Willkommen auf meiner Seite</h1>
<p>HTML gibt deinem Text <strong>Struktur</strong>.
   Ohne HTML wäre alles nur eine lange Zeichenkette
   ohne Formatierung.</p>
<ul>
  <li>Überschriften gliedern den Inhalt</li>
  <li>Absätze trennen Textblöcke</li>
  <li>Listen ordnen Informationen</li>
</ul>

HTML kann:

• Text strukturieren (Überschriften, Absätze, Listen)
• Bilder, Videos und Audio einbinden
• Links zwischen Seiten erstellen
• Formulare für Benutzereingaben bereitstellen
• Tabellen für Daten darstellen
• Die Bedeutung von Inhalten beschreiben (semantisches HTML)

HTML kann nicht:

• Farben, Schriftarten oder Layouts festlegen, das macht CSS
• Auf Klicks reagieren oder Daten verarbeiten, das macht JavaScript
• Daten speichern oder E-Mails versenden, dafür brauchst du einen Server

HTML wurde 1991 von Tim Berners-Lee am CERN (Europäische Organisation für Kernforschung) erfunden. Die Idee war einfach: Wissenschaftler sollten Dokumente über das Internet miteinander teilen und verlinken können.

Seitdem hat sich HTML stark weiterentwickelt:

Heute ist HTML5 der Standard, der auch als “Living Standard” vom W3C und WHATWG gepflegt wird. Das bedeutet, er wird laufend weiterentwickelt, es gibt keine “HTML6”-Version.

Wenn du eine URL in deinen Browser eingibst, passiert vereinfacht Folgendes:

1. Der Browser sendet eine Anfrage an den Server
2. Der Server antwortet mit einer HTML-Datei
3. Der Browser liest das HTML von oben nach unten (Parsing)
4. Er baut daraus den DOM (Document Object Model), eine Baumstruktur aller Elemente
5. Zusammen mit CSS und JavaScript wird die Seite gerendert und angezeigt

Du musst das nicht im Detail verstehen, um mit HTML zu arbeiten. Aber es hilft zu wissen: Der Browser liest dein HTML und baut daraus das, was der Nutzer auf dem Bildschirm sieht.

In dieser Artikel-Reihe lernst du alles, was du über HTML wissen musst. Als Nächstes schauen wir uns die Dokumentstruktur an, also den Rahmen, den jede HTML-Seite braucht, bevor du Inhalte einfügen kannst.