LEITFAEDEN / ENTWICKLUNG

Woraus besteht eine Website? HTML, CSS und JavaScript

← Alle Leitfaeden
Entwicklung Einsteiger 3 Jun 2026 5 Min Lesezeit von Les Techniciens du Net

Woraus besteht eine Website? HTML, CSS und JavaScript

Die drei Sprachen hinter jeder Webseite — HTML (Struktur), CSS (Stil), JavaScript (Interaktivitaet) — einfach erklaert, mit einer Analogie. Einsteiger-Niveau.

#html#css#javascript#grundlagen

Jede Webseite, vom kleinsten Blog bis zur groessten Website, beruht auf drei Sprachen. Die gute Nachricht: Ihre Rolle laesst sich mit einem Bild leicht verstehen.

Die Analogie mit dem Haus

  • HTML = die Waende und Raeume: die Struktur.
  • CSS = der Anstrich und die Dekoration: der Stil.
  • JavaScript = die Elektrik und die Automatik: was sich bewegt und reagiert.

Man kann in einem Haus ohne Deko wohnen (HTML allein, eine rohe Seite). Aber man kann keine Leere dekorieren.

1. HTML — die Struktur

HTML (HyperText Markup Language) beschreibt den Inhalt: “das ist eine Ueberschrift”, “das ist ein Absatz”, “hier ein Bild”, “dort ein Link”. Es ist das Geruest der Seite.

Ohne HTML gibt es schlicht keine Seite. Es ist die zwingende Grundlage.

2. CSS — der Stil

CSS (Cascading Style Sheets) gestaltet das HTML: Farben, Schriften, Groessen, Abstaende, die Anordnung der Elemente und die Anpassung an das Smartphone (das Responsive-Design).

Dasselbe HTML kann je nach CSS tausend Erscheinungsbilder annehmen. Das Design zu aendern bedeutet vor allem, das CSS zu aendern.

3. JavaScript — die Interaktivitaet

JavaScript fuegt das Verhalten hinzu: ein Menue, das sich oeffnet, ein Formular, das sich pruefen laesst, eine Berechnung in Echtzeit, Daten, die ohne Neuladen der Seite geladen werden. Das ist es, was eine Seite lebendig macht.

Viele einfache Websites funktionieren sehr gut mit wenig oder gar keinem JavaScript. Man fuegt es hinzu, wenn die Interaktivitaet wirklich etwas bringt.

Wo laeuft das alles?

Diese drei Sprachen laufen im Browser des Besuchers (Chrome, Firefox, Safari…). Der Server selbst beschraenkt sich oft darauf, diese Dateien zu senden. Deshalb ist eine statische Website so schnell: Der Browser erhaelt das HTML, das CSS und das JavaScript direkt, gebrauchsfertig.

Zum Merken

SpracheRolleUnverzichtbar?
HTMLStruktur des InhaltsJa, immer
CSSErscheinungsbildFast immer
JavaScriptInteraktivitaetJe nach Bedarf

Sie muessen nicht programmieren koennen, um eine Website zu nutzen — aber zu wissen, was diese drei Bausteine tun, hilft Ihnen, mit einem Dienstleister zu sprechen und zu verstehen, wofuer Sie bezahlen.

Testen Sie Ihr Wissen

0 / 4
  1. Welche Sprache liefert die STRUKTUR einer Seite (Ueberschriften, Absaetze, Bilder)?

  2. Welche Sprache steuert FARBEN, Schriften und das Layout?

  3. Welche Sprache macht die Seite INTERAKTIV (Menues, animierte Formulare)?

  4. Diese drei Sprachen laufen…