HTML & CSS Grundlagen - Variablen, DOM & Kontrollstrukturen

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

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

Einführung in HTML und CSS

Variablen in HTML und CSS

Was sind Variablen?

DOM-Manipulation mit CSS

Interaktive Elemente

Was ist das DOM?