# HTML & CSS Grundlagen für die JavaScript-Einführung

## Einführung in HTML und CSS

HTML steht für HyperText Markup Language und ist die Sprache, mit der Webseiten strukturiert werden.

CSS steht für Cascading Style Sheets und wird verwendet, um das Aussehen von HTML-Elementen zu gestalten.

Merke dir:

- HTML = Struktur (Was steht auf der Seite?)
- CSS = Design (Wie sieht der Inhalt aus?)
- JavaScript = Verhalten (Was passiert bei einem Klick?)

## Variablen in HTML und CSS

Benutzername: Max Mustermann

Alter: 25 Jahre

E-Mail: max.mustermann@example.com

### Was sind Variablen?

Variablen sind wie Platzhalter für Werte. Sie helfen dabei, Informationen zu speichern und wiederzuverwenden.

- Max Mustermann ist der Wert der Variablen "Benutzername"
- 25 Jahre ist der Wert der Variablen "Alter"
- max.mustermann@example.com ist der Wert der Variablen "E-Mail"

In echten Programmiersprachen würde man Variablen so definerieren: `let benutzername = "Max Mustermann";`
Aber in HTML/CSS stellen wir sie einfach als Text dar.

## DOM-Manipulation mit CSS

### Interaktive Elemente

Hier sieht man, wie man mit CSS schlichte Interaktivität erzeugen kann.

Hier erscheint eine Nachricht

Farbwechsel Effekt

## Was ist das DOM?