English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML-Grundlagen-Tutorial

HTML Medien

HTML Referenzhandbuch

HTML5 Grundlagen-Tutorial

HTML5 API

HTML5 Medien

HTML-Elemente

Ein HTML-Dokument wird durch HTML-Elemente definiert

HTML-Elemente

HTML-Elemente beziehen sich auf alle Codes von Starttag (start tag) bis zum Endtag (end tag)

Starttag *Inhalt des ElementsEndtag *
<p>Dies ist ein Absatz auf einer Webseite</p>
<a href="index.html">Dies ist ein Hyperlink</a>
<br>Zeilenumbruchtag 

*Starttags werden oft als Starttags (opening tag) bezeichnet, Endtags als Schließtags (closing tag)

HTML-Element-Syntax

  • HTML-Elemente beginnen mit einem Starttag

  • HTML-Elemente werden mit einem Endtag beendet

  • Der Inhalt eines Elements ist der Text zwischen dem Start- und dem Endtag

  • Einige HTML-Elemente haben leere Inhalte

  • Leere Elemente werden im Starttag geschlossen (mit dem Ende des Starttags)

  • Die meisten HTML-Elemente können Attribute haben

Anmerkung: 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

<!DOCTYPE html> <html> <body> <p>Das ist der erste Absatz.</p> </body> </html>

Die obigen Beispiele enthalten drei HTML-Elemente.

HTML-Beispiel-Interpretation

<p> Element:

<p>Das ist der erste Absatz.</p>

Dieses <p> Element definiert einen Absatz im HTML-Dokument. Dieses Element hat einen Starttag <p> und einen Schließungstag </p>. Der Inhalt ist: Das ist der erste Absatz.

<body> Element:

<body> <p>Das ist der erste Absatz.</p> </body>

<body> Element definiert den Hauptteil des HTML-Dokuments. Dieses Element hat einen Starttag <body> und einen Schließungstag </body>。 Der Inhalt des Elements ist ein anderes HTML-Element (p-Element).

<html> Element:

<html> <body> <p>Das ist der erste Absatz.</p> </body> </html>

<html> Element definiert das gesamte HTML-Dokument. Dieses Element hat einen Starttag <html> und einen Schließungstag </html>. Der Inhalt des Elements ist ein anderes HTML-Element (body-Element).

Vergessen Sie nicht den Schließungstag

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

<p>Das ist ein Absatz
<p>Das ist ein Absatz

Die obigen Beispiele werden im Browser auch korrekt angezeigt, da das Schließen der Tags optional ist.

Vertrauen Sie aber nicht auf diese Methode. Das Vergessen des Schließungstags kann unerwartete Ergebnisse oder Fehler verursachen.

HTML-leere Elemente

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

<br> ist ein leeres Element ohne Schließungstag (Das <br>-Tag definiert einen Zeilenumbruch).

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

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

Obwohl <br> in allen Browsern gültig ist, wird <br /> Kompatibilität ist besser, daher wird empfohlen, <br /> Zeilenumbruch-Tags.

HTML-Tipp: Verwenden Sie Kleinbuchstaben-Tags

HTML-Tags sind大小写不敏感:<P> 同于 <p>。许多网站都使用大写的 HTML 标签。

Das Grundtutur verwendet Kleinbuchstaben-Tags, weil die World Wide Web Consortium (W3C) In HTML 4 Es wird empfohlen, Kleinbuchstaben zu verwenden, während in zukünftigen (X)HTML-Versionen der Gebrauch von Kleinbuchstaben obligatorisch ist.

Empfohlen wird, bei der Erstellung von Webseiten, einheitlich kleine Tags zu verwenden.