HTML Elemente
Ein HTML-Element wird durch ein Start-Tag, etwas Inhalt und ein End-Tag definiert.
HTML Elemente
Das HTML-Element umfasst alles vom Start-Tag bis zum End-Tag:
Beispiele einiger HTML-Elemente:
<p>Mein erster Absatz.</p>
| Start-Tag | Elementinhalt | End-Tag |
|---|---|---|
| <h1> | Meine erste Überschrift | </h1> |
| <p> | Mein erster Absatz. | </p> |
| <br> | keiner | keiner |
Hinweis: Einige HTML-Elemente haben keinen Inhalt (wie das <br>-Element). Diese Elemente werden leere Elemente genannt. Leere Elemente haben kein End-Tag!
Verschachtelte HTML-Elemente
HTML-Elemente können verschachtelt sein (das bedeutet, dass Elemente andere Elemente enthalten können).
Alle HTML-Dokumente bestehen aus verschachtelten HTML-Elementen.
Das folgende Beispiel enthält vier HTML-Elemente (<html>, <body>, <h1> und <p>):
Beispiel
<!DOCTYPE html>
<html>
<body>
<h1>Meine erste Überschrift</h1>
<p>Mein erster Absatz.</p>
</body>
</html>
Try it Yourself »
Beispiel erklärt
Das Element <html> ist das Stammelement und definiert das gesamte HTML-Dokument.
Es hat ein Start-Tag <html> und ein End-Tag </html>.
Dann gibt es innerhalb des <html>-Elements ein <body>-Element:
<body>
<h1>Meine erste Überschrift</h1>
<p>Mein erster Absatz.</p>
</body>
Das Element <body> definiert den Hauptteil des Dokuments.
Es hat ein Start-Tag <body> und ein End-Tag </body>.
Dann gibt es im Element <body> zwei weitere Elemente: <h1> und <p>:
<h1>Meine erste Überschrift</h1>
<p>Mein erster Absatz.</p>
Das Element <h1> definiert eine Überschrift.
Es hat ein Start-Tag <h1> und ein End-Tag </h1>:
<h1>Meine erste Überschrift</h1>
Das Element <p> definiert einen Absatz.
Es hat ein Start-Tag <p> und ein End-Tag </p>:
<p>Mein erster Absatz.</p>
Überspringen Sie niemals das End-Tag
Einige HTML-Elemente werden korrekt angezeigt, auch wenn Sie das End-Tag vergessen:
Verlassen Sie sich jedoch niemals darauf! Wenn Sie das End-Tag vergessen, kann es zu unerwarteten Ergebnissen und Fehlern kommen!
Leere HTML-Elemente
HTML-Elemente ohne Inhalt werden als leere Elemente bezeichnet.
Das Tag <br> definiert einen Zeilenumbruch und ist ein leeres Element ohne schließendes Tag:
Bei HTML wird die Groß-/Kleinschreibung nicht beachtet
Bei HTML-Tags wird die Groß-/Kleinschreibung nicht beachtet: <P> bedeutet dasselbe wie <p>.
Der HTML-Standard erfordert keine Kleinbuchstaben-Tags, aber W3C empfiehlt Kleinbuchstaben in HTML und verlangt Kleinbuchstaben für strengere Dokumenttypen wie XHTML.
Bei W3Schools verwenden wir Tag-Namen immer in Kleinbuchstaben.
HTML Tag-Referenz
Die Tag-Referenz von W3Schools enthält zusätzliche Informationen zu diesen Tags und ihren Attributen.
| Tag | Beschreibung |
|---|---|
| <html> | Definieren Sie das Stammverzeichnis eines HTML-Dokuments |
| <body> | Definiert den Hauptteil des Dokuments |
| <h1> to <h6> | Definiert HTML-Überschriften |
Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz.
