Eine Webseite ist Text

Willkommen im Lernpfad Webentwicklung! Hier lernst du, Websites zu bauen, online zu stellen und zum Leben zu erwecken. Diese erste Lektion braucht keinerlei Vorkenntnisse: In fünf kurzen Übungen wirfst du einen Blick darauf, wie das Web funktioniert, und änderst in jeder von ihnen eine Kleinigkeit an einer Seite.

Fangen wir mit dem größten Geheimnis an: Jede Webseite ist eine Textdatei. Im Editor liegt eine, eine ganz kleine Seite namens index.html. Ihr Text ist in HTML geschrieben, der Sprache, die sagt, was auf einer Seite steht. Die Wörter in spitzen Klammern, wie <h1>, heißen Tags. Du siehst sie nicht auf der Seite. Sie sagen dem Browser, was jeder Teil des Textes ist:

<h1>Hallo, Welt!</h1>
<p>Dieser Absatz wartet auf deinen Text.</p>

h1 steht für die Hauptüberschrift (h wie heading) und p für einen Absatz (paragraph). Jeder Teil beginnt mit einem öffnenden Tag, zum Beispiel <h1>, und endet mit einem schließenden Tag mit Schrägstrich, </h1>. Die übrigen Zeilen im Editor sind Informationen für den Browser, etwa der Titel im Browser-Tab. Alles, was du auf der Seite siehst, steht zwischen <body> und </body>.

Ein Browser, zum Beispiel Chrome, Safari, Firefox oder Edge, ist ein Programm, das so eine Datei liest und daraus die Seite zeichnet: die Überschrift groß und fett, den Absatz in normaler Schrift. Die Vorschau macht dasselbe: Wenn du auf Ausführen klickst, liest sie die Datei neu ein und zeigt die Seite.

Übrigens ist „Hallo, Welt!“ eine Tradition: Es ist das Erste, was die meisten Programmierer einen Computer sagen lassen. Jetzt bist du dran: Lass die Seite etwas Eigenes sagen.