Die ersten HTML-Tags

Innerhalb des Wurzelelements html gibt es zwei weitere Elemente, die das Dokument in zwei Hauptbereiche teilen: head (Kopf) und body (Körper). Innerhalb des head-Elements sind Informationen über das Dokument untergebracht, beispielsweise der Seitentitel (title).

Den Seitentitel, also den Text innerhalb von <title> und </title>, sehen Sie in der Titelleiste des Browserfensters. Außerdem wird der Seitentitel als Vorgabe verwendet, wenn der Surfer die betreffende Seite in die Lesezeichen/Favoriten aufnimmt. Und bei Suchmaschinen ist der Titel der anklickbare Verweis. Sie sehen: Der Seitentitel ist eine ganz zentrale Komponente Ihrer Webseiten und Sie sollten hier immer einen aussagekräftigen Text wählen.

Darüber hinaus können innerhalb von head noch weitere Informationen über das Dokument angegeben werden, wie der Name des Autors, das Erstellungsdatum des Dokuments, eine Beschreibung der Webseite oder auch Informationen für Suchmaschinen.

Im Beispiel wird über das meta-Element der Zeichensatz festgelegt. In formaler Hinsicht fällt am meta-Element, wenn Sie es mit den anderen bisher besprochenen Elementen vergleichen, auf, dass es nicht aus Start-Tag und End-Tag, sondern nur aus einem Tag besteht.

Das meta-Element selbst enthält weder Text noch andere Elemente. Damit ist es ein sogenanntes leeres Element. Leere Elemente werden in XHTML mit nur einem Tag notiert, bei dem vor der schließenden spitzen Klammer ein / steht.

Leere Elemente enthalten aber häufig Attribute, wie z.B. http-equiv beim meta-Element. Nach dem head-Element folgt das body-Element. Dort steht das, was auf der Webseite dargestellt wird, das, was Sie innerhalb des Browserfensters sehen. Im Beispiel ist es ein Absatz – Element p – mit dem Text »Erste Webseite!«. Hier werden Sie später die (X)HTML-Elemente für Bilder, Verlinkungen, weitere Strukturierungselemente und außerdem die Texte einfügen.

Testen Sie einmal das oben gezeigte Grundgerüst. Erstellen Sie es mit einem Editor Ihrer Wahl – im Zweifelsfall genügt fürs Erste auch der beim Betriebssystem mitgelieferte Editor. Diesen finden Sie z.B. bei Windows XP und bei Vista unter START/ALLE PROGRAMME/ZUBEHÖR/EDITOR. Speichern Sie dann Ihr Dokument unter dem Namen grundgeruest.html. Achten Sie darauf, dass der Editor Ihnen nicht zusätzlich die Endung .txt anhängt. Falls das passiert, speichern Sie Ihr Dokument noch einmal und wählen als Dateityp ALLE DATEIEN.