Overview
Die Vorlesung behandelt den Aufbau einer HTML-Datei, insbesondere die grundlegende Struktur und die Funktion der wichtigsten Tags.
Grundstruktur einer HTML-Datei
- Jede HTML-Datei beginnt mit einem öffnenden und endet mit einem schließenden
<html>-Tag.
- Der gesamte HTML-Inhalt befindet sich zwischen diesen beiden
<html>-Tags.
- Nach dem öffnenden
<html>-Tag folgt der Kopfbereich <head>, der danach wieder geschlossen wird.
- Nach dem Kopfbereich folgt der Körperbereich
<body>, der ebenfalls wieder geschlossen wird.
- Der schließende
<html>-Tag bildet das Ende der Datei und sollte immer zuletzt stehen.
Kopfbereich (Head-Bereich)
- Der
<head>-Tag enthält Steuerungsanweisungen und Randinformationen für die Webseite.
- Im Head-Bereich werden globale Einstellungen wie Zeichensatz, Seitentitel oder Metadaten festgelegt.
- Beispiel: Festlegung des Zeichensatzes für Sonderzeichen wie Umlaute (ä, ö, ü) und ß.
Körperbereich (Body-Bereich)
- Im
<body>-Tag steht alles, was der Benutzer auf der Webseite sehen kann.
- Der Body-Bereich enthält den sichtbaren Inhalt der Webseite.
Bedeutung der einzelnen Tags
<html> kennzeichnet den Bereich, den der Browser als HTML interpretieren soll.<head> dient der Festlegung von Einstellungen, die für die gesamte Webseite gelten.<body> enthält den darstellbaren Inhalt der Webseite.
Standardaufbau HTML-Datei
- Die Grundstruktur (
<html>, <head>, <body>) ist immer gleich und sollte auswendig gelernt werden.
- Im Internet findet man diese Struktur in jeder HTML-Datei, beispielsweise im Seitenquelltext.
Key Terms & Definitions
- HTML (Hypertext Markup Language) — Sprache zur Strukturierung von Webseiten.
- Tag — Ein Steuerungselement in spitzen Klammern zur Kennzeichnung von HTML-Elementen.
- Head-Bereich — Teil der HTML-Datei für Einstellungen und Metadaten.
- Body-Bereich — Teil für den sichtbaren Webseiteninhalt.
Action Items / Next Steps
- Erstelle deine erste eigene HTML-Datei mit der vorgestellten Grundstruktur.
- Achte darauf, alle öffnenden Tags auch wieder zu schließen.