HTML-Elemente

Ein HTML-Dokument wird durch HTML-Elemente definiert.

HTML-Elemente

HTML-Elemente beziehen sich auf alle Codes von Anfangs-Tag (start tag) bis zum Schließungs-Tag (end tag).

Anfangs-Tag Element Inhalt Schließungs-Tag
<p> Dies ist ein Absatz </p>
<a href="default.htm" > Dies ist ein Link </a>
<br />

Anmerkung:Anfangs-Tags werden oft als Öffnungstags (opening tag) bezeichnet, Schließungs-Tags oft als Schließungstags (closing tag) bezeichnet.

HTML-Element Syntax

  • HTML-Elemente werden mitAnfangs-TagBeginn
  • HTML-Elemente werden mitSchließungs-TagBeendigung
  • Inhalt des Elementsist der Inhalt zwischen dem Anfangs-Tag und dem Schließungs-Tag
  • Einige HTML-Elemente habenLeere Inhalte (leere Inhalte)
  • Leere ElementeIm Anfangs-Tag schließen(mit dem Ende des Anfangs-Tags beendet werden)
  • Die meisten HTML-Elemente könnenAttribute

Tipp:Sie werden im nächsten Kapitel dieses Tutorials mehr über Attribute lernen.

Eingebettete HTML-Elemente

Die meisten HTML-Elemente können eingebettet werden (können andere HTML-Elemente enthalten).

Ein HTML-Dokument besteht aus eingebetteten HTML-Elementen.

HTML-Dokument Beispiel

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

Der obige Beispiel enthält drei HTML-Elemente.

HTML-Beispiel Erklärung

<p> Element:

<p>This is my first paragraph.</p>

Dieses <p> Element definiert einen Absatz im HTML-Dokument.

Dieses Element verfügt über einen Anfangs-Tag <p> und einen Schließungs-Tag </p>.

Der Inhalt des Elements ist: Dies ist mein erster Absatz.

<body> Element:

<body>
<p>This is my first paragraph.</p>
</body>

<body> Element definiert den Hauptteil des HTML-Dokuments.

Dieses Element verfügt über einen Anfangs-Tag <body> und einen Schließungs-Tag </body>.

Der Inhalt des Elements ist ein weiteres HTML-Element (p-Element).

<html> Element:

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

Das <html>-Element definiert das gesamte HTML-Dokument.

Dieses Element hat einen Anfangs-Tag <html> und einen Schließungstag </html>.

Der Inhalt des Elements ist ein weiteres HTML-Element (body-Element).

Vergessen Sie nicht den Schließungstag

Selbst wenn Sie den Schließungstag vergessen, zeigen die meisten Browseren HTML korrekt an:

<p>This is a paragraph
<p>This is a paragraph

Der obige Beispiel funktioniert in den meisten Browsern, aber verlassen Sie sich nicht auf diese Methode. Das Vergessen der Verwendung von Schließungstags kann unerwartete Ergebnisse oder Fehler verursachen.

Anmerkung:Zukünftige HTML-Versionen erlauben keine Auslassung von Schließungstags.

Leere HTML-Elemente

HTML-Elemente ohne Inhalt werden als leere Elemente bezeichnet. Leere Elemente werden im Anfangs-Tag geschlossen.

<br> ist ein leeres Element ohne schließenden Tag (der <br>-Tag definiert einen Zeilenumbruch).

In XHTML, XML und zukünftigen HTML-Versionen müssen alle Elemente geschlossen werden.

Fügen Sie im Anfangs-Tag einen Schrägstrich hinzu, z.B. <br />, das ist der richtige Weg, um leere Elemente zu schließen, und wird von HTML, XHTML und XML akzeptiert.

Obwohl <br> in allen Browsern gültig ist, ist die Verwendung von <br /> eine längere Sicherstellung.

HTML-Tipp: Verwenden Sie Kleinbuchstaben-Tags

HTML-Tags sind nicht auf Groß- und Kleinschreibung angewiesen: <P> ist gleich <p>. Viele Websites verwenden große HTML-Tags.

CodeW3C.com verwendet Kleinbuchstaben-Tags, weil die World Wide Web Consortium (W3C) in HTML 4EmpfohlenVerwenden Sie Kleinbuchstaben, während in zukünftigen (X)HTML-VersionenErzwungenVerwenden Sie Kleinbuchstaben.