Jede Webseite der Welt ist am Ende nur Text – Text mit ein paar Markierungen, die der Browser in eine hübsch gestaltete Seite verwandelt. Hinter den buntesten Internetauftritten steckt also keine Zauberei und kein Geheimwissen, sondern ein Prinzip, das man an einem Nachmittag verstehen kann. In dieser letzten Lektion der Stufe „Fortgeschritten“ werfen Sie einen ungefährlichen Blick in das Innere einer echten Webseite, lernen die drei Zutaten aller Webseiten kennen und erfahren, was nötig wäre, um selbst eine eigene Webseite ins Internet zu stellen.
Die Entzauberung: Webseiten sind nur Text
Früher versah man Manuskripte für die Druckerei mit Anweisungen an den Setzer: „Diese Zeile bitte groß und fett“, „hier ein neuer Absatz“, „dieses Wort kursiv“. Genau nach diesem Muster funktioniert eine Webseite. Der Inhalt ist ganz gewöhnlicher Text, und zwischen den Wörtern stehen kleine Auszeichnungen, die dem Browser sagen, wie er alles darstellen soll. Diese Auszeichnungssprache heißt HTML – die Abkürzung steht für das englische „Hypertext Markup Language“, auf Deutsch etwa: Auszeichnungssprache für verknüpfte Texte.
Ein kleines Beispiel: Die Zeile <h1>Herzlich willkommen</h1> bedeutet nichts anderes als „Zeige die Worte Herzlich willkommen als große Überschrift an“. Die Markierungen in den spitzen Klammern nennt man Tags (englisch für Etikett oder Schildchen). Der Browser liest diese Schildchen, zeigt sie selbst aber nicht an – Sie sehen nur das Ergebnis: eine fertige, ordentlich gestaltete Seite.
Selbst nachsehen: der Seitenquelltext
Das müssen Sie nicht einfach glauben – Sie können es selbst überprüfen. Jeder Browser hat eine eingebaute Funktion, die den rohen Text hinter einer Webseite anzeigt: den Seitenquelltext (also die „Quelle“, aus der die Seite entsteht). Am bequemsten geht das am PC oder Laptop, zum Beispiel in Chrome, Firefox oder Edge. So werfen Sie Ihren ersten Blick hinter eine echte Webseite:
In vier Schritten hinter die Kulissen
- Eine Webseite öffnen
Rufen Sie im Browser eine beliebige Webseite auf – gern diese hier, also klick-wissen.de.
- Den Quelltext aufrufen
Klicken Sie mit der rechten Maustaste auf eine freie Stelle der Seite und wählen Sie im Menü „Seitenquelltext anzeigen“. Noch schneller geht es mit der Tastenkombination Strg + U – also die Taste „Strg“ gedrückt halten und kurz „U“ tippen.
- Staunen und stöbern
Es öffnet sich ein neuer Reiter voller Text und spitzer Klammern. Das ist sie – die Webseite in ihrer Rohform. Scrollen Sie in Ruhe hindurch: Zwischen den Tags entdecken Sie echte Sätze wieder, die Sie eben noch schön formatiert gelesen haben.
- Wieder schließen
Schließen Sie den Reiter mit dem Quelltext einfach wieder. Alles ist wie vorher – Sie haben nur geschaut, nichts verändert.
Die drei Zutaten: HTML, CSS und JavaScript
Moderne Webseiten bestehen aus drei Zutaten, die sich wunderbar mit einem Haus vergleichen lassen. Jede Zutat hat eine klar abgegrenzte Aufgabe:
| Zutat | Aufgabe | Alltagsvergleich |
|---|---|---|
| HTML | Der Inhalt und seine Struktur: Überschriften, Absätze, Bilder, Verknüpfungen. | Der Rohbau des Hauses – Wände, Zimmer, Türen. |
| CSS | Das Aussehen: Farben, Schriften, Abstände, die Anordnung auf dem Bildschirm. | Anstrich und Einrichtung – Tapeten, Vorhänge, Möbel. |
| JavaScript | Das Verhalten: reagiert auf Klicks, prüft Eingaben, blendet Dinge ein und aus. | Die Haustechnik – Lichtschalter, Türklingel, Rollladen-Automatik. |
Das Schöne daran: Für eine einfache Webseite genügt die erste Zutat völlig. Schon mit ein wenig HTML entsteht eine echte, lesbare Seite. CSS (kurz für „Cascading Style Sheets“, sinngemäß: Gestaltungsvorlagen) macht sie anschließend hübsch, und JavaScript – eine Programmiersprache, die im Browser läuft – ist die Kür für alle, die es später einmal beweglicher mögen.
Adresse und Grundstück: Domain und Webspace
Angenommen, Sie hätten eine kleine Webseite geschrieben – wie kommt sie nun ins Internet? Dafür brauchen Sie zwei Dinge, und auch hier hilft das Bild vom Haus. Erstens eine Domain (sprich: Do-mään): Das ist die Adresse Ihrer Webseite, zum Beispiel meine-familienchronik.de – vergleichbar mit Straßenname und Hausnummer, unter der man Sie findet. Eine Adresse mit der deutschen Endung „.de“ kostet meist zwischen 10 und 20 Euro im Jahr.
Zweitens Webspace (englisch für „Platz im Netz“), oft auch Hosting genannt (von „to host“ – beherbergen): gemieteter Speicherplatz auf einem Rechner, der Tag und Nacht mit dem Internet verbunden ist und Ihre Webseite an Besucher ausliefert. Das ist sozusagen das Grundstück, auf dem Ihr Haus steht. Kleine Pakete gibt es ab etwa 3 bis 5 Euro im Monat. Alles zusammen ist eine eigene Webseite also oft schon für 50 bis 100 Euro im Jahr zu haben – Adresse inklusive.
Zwei Wege: Baukasten oder Selbermachen
Für den Bau der Webseite selbst gibt es zwei grundverschiedene Wege – beide sind völlig in Ordnung, je nachdem, was Ihnen wichtiger ist:
- Der Homepage-Baukasten: Viele Anbieter vermieten fertige Bausysteme, bei denen Sie eine Vorlage auswählen und Texte und Fotos einfach hineinklicken – wie möbliert wohnen. Das geht schnell und ohne Vorkenntnisse, kostet aber meist eine monatliche Gebühr – und Sie sind an den Anbieter gebunden: Ein späterer „Umzug“ der Seite ist mühsam.
- Selbst gestalten: Sie schreiben Ihre Seiten mit HTML und CSS selbst – und ja, das ist lernbar, auch ohne Technikstudium und in jedem Alter. Dafür gehört die Webseite dann wirklich Ihnen: volle Freiheit bei der Gestaltung, keine Baukasten-Gebühr, und Sie verstehen, was auf Ihrer eigenen Seite geschieht.
Wofür lohnt sich das überhaupt? Für mehr, als man denkt: eine Seite für den Verein mit Terminen und Fotos, eine Familienchronik, die Kinder und Enkel überall auf der Welt lesen können, eine Sammlung Ihrer Hobby-Schätze – Rezepte, Gartenwissen, Modellbau – oder der Auftritt für ein kleines Geschäft mit Öffnungszeiten und Anfahrt. Eine eigene Webseite ist ein Stück Eigenheim im Internet: Sie allein bestimmen, was dort steht.
Weiterlernen: Ihr nächster Schritt
Hat der Blick hinter die Kulissen Lust auf mehr gemacht? Dann haben wir eine Empfehlung: Auf jetzt-html-lernen.de gibt es einen kostenlosen HTML-Kurs in deutscher Sprache. Dort schreiben Sie Ihre ersten eigenen Zeilen HTML direkt im Browser – Schritt für Schritt, ohne Vorkenntnisse, ohne Anmeldung und ohne dass etwas auf Ihrem Computer installiert werden muss. Genau das richtige Tempo, um aus dem Zuschauen ein Selbermachen werden zu lassen.
Und damit ist es geschafft – nicht nur diese Lektion, sondern die gesamte Stufe „Fortgeschritten“ und mit ihr alle drei Stufen von Klickwissen. Herzlichen Glückwunsch! Denken Sie einen Moment zurück: Am Anfang stand die Frage, was ein Computer überhaupt ist. Heute bewegen Sie sich sicher im Internet, erkennen Betrugsversuche, nutzen Künstliche Intelligenz mit wachem Blick – und wissen sogar, wie eine Webseite von innen aussieht. Aus „das verstehe ich nie“ ist „das kann ich nachvollziehen“ geworden, und genau das war das Ziel: Technik verstehen und beherrschen, statt sich von ihr einschüchtern zu lassen. Bleiben Sie neugierig, schlagen Sie jederzeit in den Lektionen nach – und geben Sie Ihr Wissen gern weiter: Es jemandem in Ruhe zu erklären ist die schönste Art zu zeigen, dass hier nichts Zauberei ist.