HTML

Jede Seite im Internet ist im Kern eine Textdatei. In dieser Datei steht nicht nur der sichtbare Text, sondern auch, welche Rolle jeder Teil hat. HTML ist die Sprache, mit der man diese Rollen markiert. Man schreibt zum Beispiel um eine Zeile herum eine Markierung, die bedeutet: Das hier ist eine Überschrift. Ein Browser, also das Programm zum Anzeigen von Webseiten, liest diese Markierungen und baut daraus die fertige Seite. Die Abkürzung steht für Hypertext Markup Language, also etwa: Sprache zum Auszeichnen von verknüpftem Text.

Warum das halbe Internet auf dieser einen Sprache steht

HTML ist die gemeinsame Grundlage, auf die sich alle geeinigt haben. Egal ob du eine Seite mit Chrome, Safari oder Firefox öffnest, auf einem Handy oder einem Laptop: Der Inhalt kommt in derselben Sprache an. Jedes Programm darf selbst entscheiden, wie es das Ergebnis genau zeichnet. Ohne diesen gemeinsamen Standard bräuchte jede Webseite eine eigene Version für jedes Gerät.

Ein zweiter Punkt ist die Verknüpfung. HTML kennt den Link, also einen Verweis von einer Seite auf eine andere. Genau daraus ist überhaupt erst ein Netz aus Seiten entstanden und nicht nur eine Sammlung einzelner Dokumente. Suchmaschinen nutzen diese Links bis heute, um neue Seiten zu finden.

Wichtig für KI-Themen: Sprachmodelle wurden zu einem großen Teil mit Texten aus dem Web trainiert. Diese Texte lagen als HTML vor und mussten erst von den Markierungen befreit werden. Auch wenn ein KI-Assistent heute im Netz nachschlägt, bekommt er zuerst HTML und muss daraus den eigentlichen Inhalt herausfiltern. Wie sauber eine Seite ausgezeichnet ist, entscheidet also mit, wie gut eine Maschine sie versteht.

Tags, Attribute und die Arbeitsteilung mit CSS

Die Markierungen in HTML heißen Tags. Sie stehen in spitzen Klammern und kommen meist paarweise vor: eines am Anfang, eines am Ende des markierten Bereichs. So bedeutet ein p-Tag Absatz und ein h1-Tag die wichtigste Überschrift einer Seite. Was zwischen den beiden Tags steht, gehört zu diesem Element.

Tags können Zusatzangaben tragen, sogenannte Attribute. Bei einem Link steht dort die Zieladresse, bei einem Bild der Dateiname und ein Alternativtext für Menschen, die die Seite vorgelesen bekommen. Elemente lassen sich außerdem ineinander verschachteln. Dadurch entsteht eine Baumstruktur: Die Seite enthält einen Textbereich, der enthält Absätze, die enthalten einzelne Links.

Ein häufiger Irrtum ist, HTML sei für das Aussehen zuständig. Das stimmt heute nicht mehr. HTML beschreibt nur die Bedeutung der Bestandteile. Für Farben, Schriftgrößen und Anordnung ist CSS zuständig, eine eigene Sprache für Gestaltung. Für Bewegung und Interaktion kommt JavaScript dazu, eine echte Programmiersprache. HTML selbst ist keine Programmiersprache, weil es nichts berechnet und keine Entscheidungen trifft.

HTML im Alltag: Seitenquelltext, Newsletter und Baukästen

Du kannst dir HTML jederzeit ansehen. In den meisten Browsern gibt es im Menü den Punkt Seitenquelltext anzeigen. Was dann erscheint, ist genau die Datei, die der Browser vom Server bekommen hat. Bei großen Seiten sieht das unübersichtlich aus, weil Werbung, Tracking und Gestaltung viel Platz brauchen. Die Grundbausteine erkennt man aber schnell wieder.

Auch außerhalb von Webseiten begegnet dir HTML. Newsletter und viele E-Mails sind in HTML geschrieben, ebenso die Hilfeseiten in vielen Apps. Wenn eine Mail seltsam zerschossen aussieht, liegt es oft daran, dass ein Mailprogramm bestimmte Auszeichnungen anders darstellt.

Die meisten Menschen tippen HTML nie selbst. Baukastensysteme wie Wordpress oder Shopify erzeugen es im Hintergrund, und auch KI-Werkzeuge schreiben inzwischen ganze Seiten auf Zuruf. Trotzdem lohnt es sich, die Grundlagen zu kennen. Wer versteht, wie eine Seite aufgebaut ist, kann Fehler finden, Inhalte barrierefrei auszeichnen und einschätzen, warum eine Maschine eine Seite falsch gelesen hat.