Was ist Quelltext?
Stell dir vor, du besuchst eine Webseite: Du siehst Texte, Bilder, Menüs und vielleicht sogar Animationen. Alles wirkt selbstverständlich, doch hinter dieser Oberfläche steckt etwas, das du normalerweise nicht siehst: der Quelltext.
Quelltext ist vergleichbar mit einem Rezept in einem Kochbuch. Während du beim Essen nur das fertige Gericht siehst, enthält das Rezept alle Schritte und Zutaten, die notwendig sind, um es zuzubereiten. Genauso beschreibt der Quelltext Schritt für Schritt, wie eine Webseite aufgebaut ist, wie sie aussieht und wie sie sich verhält.
Quelltext – Definition
Der Quelltext (auch: Quellcode) ist der für Menschen lesbare Text, der die Struktur, den Inhalt und das Verhalten einer Webseite oder eines Programms beschreibt. Er wird in einer Programmiersprache verfasst und anschließend von einem Computer oder Browser interpretiert oder ausgeführt.
Wie sieht Quelltext aus?
Im Web besteht der Quelltext einer Seite meistens aus einer Kombination verschiedener Sprachen:
-
HTML gibt der Seite ihre Struktur – Überschriften, Absätze, Links und Bilder.
-
CSS gestaltet das Aussehen – Farben, Schriften und Abstände.
-
JavaScript sorgt für Interaktivität – zum Beispiel bei Animationen oder Formularen.
Ein einfaches Beispiel: Der Quelltext «Hallo Welt!» in HTML sieht so aus:
<h1>Hallo Welt!</h1>
Der Browser liest diese Zeile und zeigt sie als große Überschrift an. Der eigentliche HTML-Code ist dabei unsichtbar, der Benutzer sieht nur das fertige Ergebnis.
Wo findet man den Quelltext einer Webseite?
Den Quelltext einer Webseite kann jeder einsehen. In den meisten Browsern genügt ein Rechtsklick auf eine beliebige Stelle einer Webseite, gefolgt von «Seitenquelltext anzeigen» oder «Quelltext anzeigen». Alternativ funktioniert in vielen Browsern die Tastenkombination Strg + U (Windows) bzw. Cmd + U (Mac).
Was du dort siehst, ist genau das, was der Webserver an deinen Browser gesendet hat, der rohe Quelltext, bevor der Browser ihn verarbeitet und als Webseite darstellt.
Wie entsteht aus Quelltext eine Webseite?
Wenn du eine Webseite aufrufst, läuft im Hintergrund ein klar definierter Prozess ab:
-
1. Anfrage: Dein Browser sendet eine Anfrage an den Webserver.
-
2. Antwort: Der Webserver liefert den Quelltext der Seite zurück.
-
3. Verarbeitung: Der Browser liest den HTML-, CSS- und JavaScript-Quelltext.
-
4. Darstellung: Der Browser verwandelt den Quelltext in die sichtbare Webseite.
Quelltext bei hosttech
Auch bei hosttech spielt der Quelltext eine zentrale Rolle. Unsere Webapplikationen wie das myhosttech Kundencenter auf sauber strukturiertem Quelltext. Wir setzen dabei auf Programmiersprachen und Frameworks wie PHP, JavaScript und Laravel, um zuverlässigen Code zu schreiben.
Nochmals zum Schluss
Quelltext ist die lesbare, textbasierte Grundlage jeder Webseite und jedes Programms. Er wird von Entwicklern in Sprachen wie HTML, CSS, JavaScript oder PHP verfasst und anschließend von Browsern oder Servern in das verwandelt, was wir als fertige Anwendung sehen und nutzen. Ob einfache Webseite oder komplexe Webanwendung, am Anfang steht immer der Quelltext.
