Übersicht über HTML-Elemente
HTML-Elemente sind die Bausteine aller Webseiten. Sie definieren, welche Inhalte auf einer Seite erscheinen und wie diese strukturiert sind.
Struktur eines HTML-Dokuments
Jede HTML-Seite ist ein Dokument, das aus bestimmten Elementen besteht. Die wichtigsten sind <html>, <head>, <title> und <body>.
Häufig verwendete HTML-Elemente
Nachfolgend findest du einige häufig verwendete HTML-Elemente, die jeder Anfänger kennen sollte.
<p>– Stellt einen Absatz dar.<h1>–<h6>– Definiert Überschriften von der größten (<h1>) bis zur kleinsten (<h6>).<a>– Definiert einen Hyperlink oder Link.<img>– Wird verwendet, um Bilder anzuzeigen.<div>– Ein Block-Container zur Strukturierung von Inhalten.<span>– Ein Inline-Element, das zum Stylen verwendet wird.
Beispiele für HTML-Elemente
Hier sind einige einfache Beispiele, wie diese Elemente in der Praxis aussehen.
Code-Details
<p>This is a paragraph.</p>
<h1>This is a heading</h1>
Vorschau
This is a paragraph.
Block- und Inline-Elemente
HTML-Elemente können entweder Block-Elemente (wie <div>) oder Inline-Elemente (wie <span>) sein. Block-Elemente beginnen in einer neuen Zeile, während Inline-Elemente den Textfluss nicht unterbrechen.
Verschachtelung von Elementen
HTML erlaubt das Verschachteln von Elementen. Es ist wichtig, dass die Verschachtelung logisch und korrekt ist — schließe Elemente weder zu früh noch zu spät.
✨ Frag Lara — deine KI-Lernpartnerin
Entsperre personalisierte Lernunterstützung. Lara kann Lektionen erklären, Themen zusammenfassen und deine Lernfragen beantworten — verfügbar ab dem Go-Tarif.
Lara hilft dir, schneller zu lernen — exklusiv für ReadyTools Go-, Plus- und Max-Mitglieder.
