HTML Einführung

HTML Eigenschaften & Aufbau

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:

  • Punkt 1
  • Punkt 2

Sortierte Liste:

  1. Punkt
  2. Punkt
Hier versteckt sich noch mehr!
Besuche die App, um alle Inhalte zu sehen!

Tabelle:

Header

Header

Header

Inhalt

Inhalt

Inhalt


Beispiel

Einfache Testseite mit einem Textabsatz:

Hier versteckt sich noch mehr!
Besuche die App, um alle Inhalte zu sehen!

Einfache Testseite mit verschiedenen Strukturelementen:

Hier versteckt sich noch mehr!
Besuche die App, um alle Inhalte zu sehen!
No items found.

simpleclub ist am besten in der App.

Mit unserer App hast du immer und überall Zugriff auf: Lernvideos, Erklärungen mit interaktiven Animationen, Übungsaufgaben, Karteikarten, individuelle Lernpläne uvm.

Jetzt simpleclub Azubi holen!

Mit simpleclub Azubi bekommst du Vollzugang zur App: Wir bereiten dich in deiner Ausbildung optimal auf deine Prüfungen in der Berufsschule vor. Von Ausbilder*innen empfohlen.

Jetzt simpleclub Azubi holen