HTML beschreibt den logischen Aufbau einer Webseite und kümmert sich um die Struktur.
Erklärung
Um eine Seite mit HTML darzustellen, wird nur ein Texteditor und ein Internetbrowser benötigt.
Struktur
Ein HTML Dokument besteht immer aus einer Grundstruktur:
Hier versteckt sich noch mehr! Besuche die App, um alle Inhalte zu sehen! | Bereiche werden durch Tags beschrieben |
Hier versteckt sich noch mehr! Besuche die App, um alle Inhalte zu sehen! | Zu Beginn eine Dokumenttypdefinition |
Hier versteckt sich noch mehr! Besuche die App, um alle Inhalte zu sehen! | Enthält Informationen über die Webseite |
Hier versteckt sich noch mehr! Besuche die App, um alle Inhalte zu sehen! | Schlüsselwörter in Metatags definiert |
Metadaten sind strukturierte Daten über andere Daten. Einfacher gesagt geben Metadaten übergreifende Informationen über bspw. eine Webseite. Beispiele hierfür sind:
- Die auf einer Webseite verwendete Sprache
- Den Namen des Autors einer Webseite
- Wichtige Schlagwörter, die eine Webseite beschreiben
Strukturelemente
Durch HTML ist es möglich ganz einfach verschiedene Elemente einer Webseite darzustellen. Folgende Elemente werdet ihr auf vielen Webseiten im Internet finden:
Hier versteckt sich noch mehr! Besuche die App, um alle Inhalte zu sehen! | Überschrift 1Überschrift 2 | ||||||
Hier versteckt sich noch mehr! Besuche die App, um alle Inhalte zu sehen! | Textabsatz | ||||||
Hier versteckt sich noch mehr! Besuche die App, um alle Inhalte zu sehen! | Unsortierte Liste:
Sortierte Liste:
| ||||||
Hier versteckt sich noch mehr! Besuche die App, um alle Inhalte zu sehen! | Tabelle:
|
Beispiel
Einfache Testseite mit einem Textabsatz:
Besuche die App, um alle Inhalte zu sehen!
Einfache Testseite mit verschiedenen Strukturelementen:
Besuche die App, um alle Inhalte zu sehen!