Tutorials zur Webentwicklung

1.4 Elemente

Wir wissen bereites, dass eine Web­seite in HTML5 ge­schrieben und dazu ein Editor benötigt wird. Es folgt die Vor­stellung des Codes.

1.4.1 Aufbau von Elementen

Die einzelnen Elemente werden auch Anweisungen ge­nannt. Ein Element be­steht aus mehreren Teilen und wird mit Hilfe von sog. Tags markiert. Sehen Sie sich dazu das folgende Listing an.

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

Einleitendes Tag:

Das ein­leitende (öffnende) Tag ent­hält den Namen (tag_name) und wird in spitzen Klammern (< >) notiert.

<tag_name>

Schließendes Tag:

Das schließende Tag enthält erneut den Namen (tag_name), dieser steht wiederum in spitzen Klammern. Zusätzlich wird dem Namen ein Schräg­strich (/) voran­gestellt.

</tag_name>

Inhalt:

Zwischen diesen beiden Tags steht der Inhalt des ent­sprechenden Elements. Dieser wird auch als Content oder Gültigkeits­bereich be­zeichnet.

<tag_name>Inhalt</tag_name>

Attribut:

An die Elemente können Attribute über­geben werden. Diese werden im ein­leitenden Tag, durch ein Frei­zeichen vom Namen (tag_name) getrennt, notiert.

<tag_name attribut="wert">

Es gibt ver­schiedene Arten von Attributen:

Attribute
Globale Attribute	Können auf alle HTML5 Elemente angewendet werden!	id=­"Freitext"
Spezielle Attribute	Bestimmte HTML5 Elemente besitzen eigene Attribute!	action=­"../script.php"

Wert:

Dem Attribut folgt eine Wert­zuweisung. Der Wert wird in Anführungs­zeichen (" ") notiert und dem Attribut mit Hilfe von Gleich­heits­zeichen (=) zugewiesen.

<tag_name attribut="wert">

Es gibt ver­schiedene Arten von Werten für Attribute:

Werte
Mit fester Wert­zuweisung	Hier wird ein bestimmter Ausdruck als Wert er­wartet.	target=­"_self"
Mit freier Wert­zuweisung	Hier wird zum Beispiel eine Zahl als Wert er­wartet. Die Zahl ist jedoch frei wähl­bar.	tabindex=­"1"
Mit freier Wert­zuweisung ohne weitere Konventionen	Hier ist zum Beispiel die An­gabe eines Frei­textes möglich.	title=­"Freitext"

1.4.2 Anwendung

Ein HTML5 Dokument besteht aus der An­einander­reihung von sog. Elementen. Die einzelnen Elemente ent­halten ent­weder weitere Elemente oder den Inhalt, der vom Browser dar­gestellt werden soll.

Sowohl die Aus­wahl der uns zur Ver­fügung stehenden Elemente, als auch die Art und Weise diese mit­einander zu ver­schachteln, geschieht nach bestimmten Regeln. Um diesen Sach­verhalt nach­voll­ziehen zu können, erstellen wir zunächst ein komplettes HTML5 Dokument.