Was ist HTML?

Jede Webseite, die du jemals besucht hast, besteht aus HTML. Der Nachrichtenartikel von heute Morgen, dein Lieblings-Onlineshop, das Videoportal – ganz unten, unter allen Effekten und Animationen, liegt immer dasselbe Fundament: ein schlichtes Textdokument in der HyperText Markup Language, kurz HTML. In dieser Lektion lernst du, was sich hinter diesem Namen verbirgt, und schreibst noch auf dieser Seite deine ersten eigenen Zeilen HTML – versprochen.

Der Name sagt schon fast alles: HyperText Markup Language heißt übersetzt etwa „Auszeichnungssprache für verknüpften Text“. Zerlegen wir das:

• HyperText ist Text, der über Verweise (Links) mit anderem Text verbunden ist. Genau das macht das Web zum Netz: Milliarden Dokumente, die aufeinander zeigen.
• Markup („Auszeichnung“) bedeutet: Du markierst Teile eines Textes und gibst ihnen damit eine Bedeutung. „Das hier ist eine Überschrift.“ „Das ist ein Absatz.“ „Das ist ein Link.“
• Language: Es gibt feste Vokabeln und Grammatikregeln, die jeder Browser der Welt versteht.

Wichtig ist, was HTML nicht ist: HTML ist keine Programmiersprache. Es gibt keine Schleifen, keine Bedingungen, keine Berechnungen. HTML beschreibt nur die Struktur und Bedeutung von Inhalten. Das ist keine Schwäche, sondern der Grund, warum HTML so leicht zu lernen ist – und warum du dafür weder Mathematik noch Informatik brauchst.

Eine HTML-Datei ist eine ganz normale Textdatei – du könntest sie mit jedem einfachen Texteditor öffnen und lesen. Das Besondere passiert erst im Browser (Firefox, Chrome, Safari & Co.): Er liest die Datei Zeile für Zeile, erkennt die Auszeichnungen und baut daraus die gerenderte Seite, die du siehst. Aus <h1>Hallo</h1> wird eine große Überschrift, aus <p>…</p> ein Absatz mit Abstand davor und dahinter.

Das heißt für dich: Du brauchst keine teure Software. Ein kostenloser Texteditor und ein Browser – mehr ist es nicht. Und für diesen Kurs brauchst du nicht einmal das, denn du kannst jedes Beispiel direkt hier auf der Seite bearbeiten.

HTML besteht aus Elementen. Ein typisches Element hat drei Teile:

1. Ein öffnendes Tag, z. B. <p> – der Name steht in spitzen Klammern.
2. Der Inhalt, z. B. ein Satz Text.
3. Ein schließendes Tag, z. B. </p> – erkennbar am Schrägstrich.

Zusätzlich kann ein öffnendes Tag Attribute enthalten – Zusatzinformationen nach dem Muster name="wert". Ein Link bekommt sein Ziel zum Beispiel über das Attribut href:

Ein paar wenige Elemente haben keinen Inhalt und deshalb auch kein schließendes Tag – man nennt sie leere Elemente. Die zwei wichtigsten wirst du bald kennenlernen: <img> für Bilder und <br> für einen Zeilenumbruch.

Genug Theorie. Unten siehst du links echten HTML-Code und rechts, was der Browser daraus macht. Ändere den Code – ersetze den Namen durch deinen, ändere den Text der Überschrift, schreibe einen zweiten Absatz. Die Vorschau aktualisiert sich bei jedem Tastendruck. Kaputt machen kannst du nichts: Der Knopf „Zurücksetzen“ stellt jederzeit den Ausgangszustand wieder her.

HTML wurde 1991 von Tim Berners-Lee am Forschungszentrum CERN erfunden – zusammen mit dem ersten Browser und dem ersten Webserver. Die erste Version kannte gerade einmal rund 20 Elemente. Heute pflegt die WHATWG HTML als „Living Standard“, der laufend weiterentwickelt wird. Das Schöne daran: HTML ist extrem rückwärtskompatibel. Was du in diesem Kurs lernst, funktionierte im Kern schon vor 20 Jahren und wird auch in 20 Jahren noch funktionieren – eine der langlebigsten Fähigkeiten, die man sich in der IT aneignen kann.

In der nächsten Lektion bauen wir das offizielle Grundgerüst, das jede echte HTML-Seite braucht – danach kannst du deine erste vollständige Webseite als Datei speichern und im Browser öffnen.