HTML-Referenz

Die HTML-Referenz ist eine Liste aller HTML 5.0-Elemente, die es gibt. Zu jedem Element finden Sie einen Übersichtsartikel, in dem das Element beschrieben ist, was es bedeutet, welche Eigenschaften das Element hat und Beispiele, wie das aussieht. Sie finden hier alle Informationen, die Sie brauchen, um HTML 5 zu benutzen.

HTML (Hypertext Markup Language) zählt zu den Auszeichnungs- oder Markupsprachen. Das bedeutet, mit ihr können so genannte Webseiten „gesetzt“ werden. Die Sprache HTML dient nicht zur Gestaltung von Webseiten. HTML dient nur dazu, Inhalte aufzubereiten und zu strukturieren. Der Rest geschieht anschließend mit CSS.

Einführung in HTML 5

Hier ein Auszug aus dem Buch „Little Boxes“ von Peter Müller:

HTML ist der Maurer, der das Haus und die Zimmeraufteilung anlegt. Mit HTML werden die rechteckigen Kästchen erstellt und mit Inhalt gefüllt.

CSS ist der Dekorateur, der Haus und Zimmer gestaltet. Mit CSS werden Kästchen und Inhalt gestaltet und positioniert.

https://little-boxes.de

Mit HTML wird also auch nicht das Layout erstellt!

HTML basiert vom Anfang bis zum Ende auf so genannten Tags. Tags sind recht einfach zu verstehen.

Ein Tag hat die folgende Struktur:

<tag>

Das kleiner-als-Zeichen < zeigt an, dass ein neues Tag beginnt. „tag“ bezeichnet den Namen, zum Beispiel body und das größer-als-Zeichen > beendet das öffnende Tag.

inhalt

Darauf folgt der Inhalt des Tags. Das kann einfacher Text sein, oder andere Tags, wie Bilder, Absätze, Überschriften, etc.

</tag>

Der Schließende Tag ist dann genauso aufgebaut, wie der öffnende, nur, dass sich vor dem Namen des Tags noch ein Slash / steht.

Jeder Inhalt einer Webseite steht also zwischen einem öffnenden und einem schließenden Tag.

Jedes Mal, wenn ein Tag geöffnet wird <tag>, wird im Browser quasi ein Rechteck erstellt. Dieses Rechteck endet, sobald man des Tag wieder schließt </tag>. Eine Webseite besteht also – aus der Sicht des Browsers aus vielen rechteckigen Kästchen, die dann per CSS positioniert und gestaltet werden.

Tags, die weitere Eigenschaften, sogenannte Attribute enthalten, sehen in HTML so aus:

<tag attribut="wert">Inhalt</tag>

Als Beispiel nehmen wir ein Bild. Der Tag für ein Bild heißt <img> (Abkürzung für Image). Dieser Tag verlangt zwingend Attribute, in diesem Fall die URL, unter der das Bild geladen werden kann:

<img src="images/bild.jpg" />

Der eigentliche Inhalt dieses Tags ist, wie man sieht, leer. Solche Tags werden auch „selbstschließende Tags“ genannt. Das Bild selbst ist bereits der Inhalt, der an der Stelle angezeigt wird. Ein <img> Tag kann also keinen Text enthalten.

Collections

Elemente