HTML -Elemente
Ein HTML-Element wird durch ein Start-Tag, etwas Inhalt und ein End-Tag definiert.
HTML-Elemente
Das HTML - Element ist alles vom Start-Tag bis zum End-Tag:
Beispiele für einige HTML-Elemente:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Hinweis: Einige HTML-Elemente haben keinen Inhalt (wie das <br>-Element). Diese Elemente werden leere Elemente genannt. Leere Elemente haben kein Endtag!
Verschachtelte HTML-Elemente
HTML-Elemente können verschachtelt werden (d. h. Elemente können andere Elemente enthalten).
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>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Beispiel erklärt
Das <html>Element ist das Wurzelelement und definiert das gesamte HTML-Dokument.
Es hat ein Start-Tag <html>und ein End-Tag </html>.
Dann gibt <html>es innerhalb des Elements ein <body>
Element:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
Das <body>Element definiert den Hauptteil des Dokuments.
Es hat ein Start-Tag <body>und ein End-Tag </body>.
Dann gibt <body>es innerhalb des Elements zwei weitere Elemente:
<h1>und
<p>:
<h1>My First Heading</h1>
<p>My first paragraph.</p>Das <h1>Element definiert eine Überschrift.
Es hat ein Start-Tag <h1>und ein End-Tag </h1>:
<h1>My First Heading</h1>
Das <p>Element definiert einen Absatz.
Es hat ein Start-Tag <p>und ein End-Tag </p>:
<p>My first paragraph.</p>
Überspringen Sie niemals das End-Tag
Einige HTML-Elemente werden korrekt angezeigt, auch wenn Sie das End-Tag vergessen:
Beispiel
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Verlassen Sie sich jedoch niemals darauf! Unerwartete Ergebnisse und Fehler können auftreten, wenn Sie das End-Tag vergessen!
Leere HTML-Elemente
HTML-Elemente ohne Inhalt werden als leere Elemente bezeichnet.
Das <br>Tag definiert einen Zeilenumbruch und ist ein leeres Element ohne schließendes Tag:
Beispiel
<p>This is a <br> paragraph with a line break.</p>
HTML unterscheidet nicht zwischen Groß- und Kleinschreibung
Bei HTML-Tags wird die Groß-/Kleinschreibung nicht beachtet: <P>bedeutet dasselbe wie <p>.
Der HTML-Standard verlangt keine Kleinbuchstaben-Tags, aber W3C empfiehlt Kleinbuchstaben in HTML und fordert 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 | Description |
|---|---|
| <html> | Defines the root of an HTML document |
| <body> | Defines the document's body |
| <h1> to <h6> | Defines HTML headings |
Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz .