Summary  
This chapter explains the programming concepts of structuring content with HTML, styling it with CSS, and adding interactivity through JavaScript.

General domain of usage  
Front-end web development

Eine Website besteht aus verschiedenen Dateien, die zusammenarbeiten, um das anzuzeigen, was du im Browser siehst. Die drei Hauptkomponenten sind **HTML**, **CSS** und **JavaScript**, und jede hat ihre eigene Aufgabe.

### HTML-Datei
HTML ist das Rückgrat jeder Webseite.
Wenn eine Website ein Haus wäre, wäre HTML die Ziegel, das Material, aus dem die Struktur gebaut wird. HTML definiert Text, Bilder, Schaltflächen, Links und alle Inhalte, die auf der Seite erscheinen.

### CSS-Datei
CSS ist für das visuelle Erscheinungsbild der Website verantwortlich.
Im Haus-Vergleich entspricht CSS der Farbe, den Dekorationen und den Designentscheidungen – also den Dingen, die das Aussehen des Hauses beeinflussen. Mit CSS können Farben geändert, Texte gestaltet, Layouts erstellt, Abstände hinzugefügt und Elemente optisch ansprechend gemacht werden.

CSS nimmt den rohen HTML-Inhalt und sorgt dafür, dass er gut aussieht.

### JavaScript-Datei
JavaScript fügt Verhalten und Interaktivität hinzu.
Im Haus-Vergleich ist JavaScript die Elektrizität, die Geräte und Werkzeuge – also die Funktionen, die das Haus nutzbar machen. JavaScript ermöglicht es Websites, auf Benutzeraktionen zu reagieren, interaktive Elemente anzuzeigen, Inhalte dynamisch zu aktualisieren, Formulare zu validieren und Elemente zu animieren.

Ohne JavaScript würde eine Webseite statisch und nicht interaktiv bleiben.

Welche drei Dateitypen werden beim Zugriff auf eine Website üblicherweise vom Server empfangen?

Welchen Zweck haben HTML-Dateien auf einer Website?

Welchen Zweck haben CSS-Dateien auf einer Website?

Welchen Zweck hat JavaScript-Code auf einer Website?

Erlernen Sie die Grundlagen von HTML (HyperText Markup Language), dem Fundament der Webentwicklung. Dieser einsteigerfreundliche Kurs behandelt Tags, Attribute, Elemente und die Strukturierung von Webseiten. Erwerben Sie praktische Fähigkeiten im Erstellen von Überschriften, Absätzen, Listen, Bildern, Links, Formularen und Tabellen. Entdecken Sie Best Practices, Optimierung und Webzugänglichkeit. Beginnen Sie Ihre Webentwicklungsreise mit HTML.

Erkunden Sie die Funktionsweise des Webs. Erfahren Sie, wie Daten über Netzwerke übertragen werden, entdecken Sie die Rolle von Protokollen und entschlüsseln Sie die Geheimnisse von IP-Adressen und Domainnamen. Gewinnen Sie ein grundlegendes Verständnis darüber, wie Webbrowser und Server miteinander kommunizieren, um Webinhalte bereitzustellen.

Erkunden Sie die Möglichkeiten von Tags zur Strukturierung von Inhalten, von Überschriften und Absätzen bis hin zu Listen und Tabellen. Erfahren Sie, wie Sie Elemente mit Attributen erweitern können.

Der Kern der HTML-Dokumentstruktur. Lernen Sie die Bestandteile eines HTML-Dokuments kennen, einschließlich der Doctype-Deklaration, des Head- und Body-Bereichs. Verstehen Sie den Zweck jedes Elements und wie sie zur Gesamtstruktur einer Webseite beitragen.

Gestaltung einer ansprechenderen Webseite durch den Einsatz von Medien wie Bildern, Audio und Video. Umgang mit strukturierten tabellarischen Daten in Form von Tabellen.

Erkunden Sie die Vielseitigkeit von HTML-Formularen. Lernen Sie, intuitive und benutzerfreundliche Formulare durch Anwendung zentraler Konzepte und Techniken zu gestalten. Entdecken Sie, wie Formulare die Benutzerinteraktion und Datenübermittlung auf Websites ermöglichen.

Understanding How Websites Work

HTML-Datei

CSS-Datei

JavaScript-Datei

1. Welche drei Dateitypen werden beim Zugriff auf eine Website üblicherweise vom Server empfangen?

2. Welchen Zweck haben HTML-Dateien auf einer Website?

3. Welchen Zweck haben CSS-Dateien auf einer Website?

4. Welchen Zweck hat JavaScript-Code auf einer Website?