Webseiten & HTML

Nachrichten lesen, Videos schauen, Fahrpläne checken: Du öffnest jeden Tag Webseiten, ohne darüber nachzudenken, wie sie entstehen. Dabei steckt hinter jeder einzelnen Seite dieselbe einfache Idee. Wenn du sie einmal verstanden hast, siehst du das Web mit ganz anderen Augen.

Browser fragt, Server antwortet

Wenn du eine Adresse eintippst, schickt dein Browser eine Anfrage an einen Server, also an einen Computer irgendwo im Netz, der Webseiten bereithält. Der Server antwortet mit einer Textdatei: dem HTML der Seite. HTML beschreibt die Struktur, zum Beispiel Überschriften, Absätze, Listen und Links. Dafür nutzt es Tags in spitzen Klammern: Ein Absatz beginnt mit <p> und endet mit </p>, eine große Überschrift steht zwischen <h1> und </h1>, ein Listeneintrag zwischen <li> und </li> und ein Link zwischen <a> und </a>. Die Kürzel kommen aus dem Englischen: p für paragraph, h für heading, li für list item und a für anchor, den Anker, an dem der Link hängt.

Aus Text wird Ansicht

Der Browser liest das HTML und rendert daraus die fertige Ansicht: Er zeichnet Überschriften groß, Absätze als Textblöcke, Listen mit Punkten und Links anklickbar. Auf dem Bildschirm siehst du deshalb normalerweise nicht das HTML selbst, sondern das Bild, das der Browser daraus baut. Genau deshalb sieht dieselbe Seite auf Handy und Laptop ähnlich aus: Beide Browser lesen denselben Bauplan.

Jede Seite besteht daraus

Egal ob Riesenshop oder kleines Blog: Jede Webseite, die du je besucht hast, ist am Ende HTML. Große Seiten haben nur sehr viel mehr davon, dazu kommen die Gestaltung mit CSS und Programme in JavaScript. Aber das Grundgerüst ist immer dasselbe, und du kannst es dir bei jeder Seite anschauen.