Intro

HTML definiert Aufbau und Struktur.

CSS definiert Layout und Design.

JS definiert die Interaktivität.

Hypertext Markup Language

HTML ist eine Auszeichnungssprache. Eine HTML-Datei ist eine Textdatei, die den strukturierten Inhalt einer Webseite enthält.

HTML verwendet so genannte Tags, um den Text, Bilder, Links oder andere Elemente einer Webseite zu organisieren. Diese HTML-Tags sind in spitzen Klammern < > eingeschlossen. Sie teilen den Browsern mit, wie der Inhalt angezeigt werden soll.

Cascading Style Sheet

CSS ist für das Design bzw. Erscheinungsbild der Webseite zuständig. Es handelt sich dabei um eine Gestaltungs- und Formatierungssprache.

Jede CSS-Anweisung besteht aus einem Selektor sowie Eigenschaften und Werten. Die Eigenschaften und ihre Werte werden immer innerhalb von geschweiften Klammern { } deklariert. Eigenschaften und Werte müssen mit einem Semikolon ; geschlossen werden. Besitzt ein Selektor mehrere Eigenschaften und Werte, werden diese durch ein Komma , voneinander getrennt werden.

JavaScript

JS ist eine Skriptsprache. Sie wird vor allem genutzt, um dynamische Elemente in Websites einzubinden. Indem JavaScript z.B. auf Benutzeraktionen reagiert, Inhalte aktualisiert und Animationen hinzufügt.

JavaScript kann z.B. HTML-Inhalte ändern. Eine der vielen JavaScript-HTML-Methoden ist getElementById() z.B. finde („find“) ein HTML-Element (mit id=“demo“) und ändere den Elementinhalt (innerHTML) in „Hello JavaScript“.

document.getElementById(„demo“).innerHTML = „Hello JavaScript“;