Allgemeine Struktur
Ein HTML-Dokument besteht aus drei Bereichen:
- der Dokumenttypdeklaration ganz am Anfang der Datei, die die verwendete DTD angibt, z. B. HTML 4.01 Strict,
- dem HTML-Kopf (
HEAD), der hauptsächlich technische oder dokumentarische Informationen enthält, die nicht direkt im Browser sichtbar sind und
- dem HTML-Körper (
BODY), der anzuzeigende Informationen enthält.
Somit sieht die Grundstruktur einer Webseite wie folgt aus:
<html>
<head>
<title>Titel der Webseite</title>
<!-- Evtl. weitere Kopfinformationen -->
</head>
<body>
Inhalt der Webseite
</body>
</html>
HTML-Kopf
Im Kopf können sieben verschiedene Elemente angewandt werden:
title- bezeichnet den Titel der Seite, der im Browserfenster sowie oft in Suchmaschinen angezeigt wird.
meta- kann vielfältige Metadaten enthalten. Siehe Meta-Tags.
base- gibt entweder eine Basis-URI an oder einen Basisframe.
link- dient zur Angabe von logischen Beziehungen zu anderen Ressourcen. Am häufigsten zur Einbindung von Stylesheets benutzt.
script- bindet Code in einer bestimmten Skriptsprache ein, hauptsächlich JavaScript.
style- enthält Stylesheet-Code, hauptsächlich CSS-Regeln.
object- bindet eine externe Datei ein. Browser dürfen solche Objekte im Dokumentkopf nicht darstellen.
HTML-Körper
HTML unterscheidet zwischen Block- und Inline-Elementen. Der wesentliche Unterschied ist, dass erstere in der Ausgabe einen eigenen Block erzeugen, in dem der Inhalt untergebracht wird, während die Inline-Elemente den Textfluss nicht unterbrechen. Zu den Block-Elementen gehören z. B. die Überschriften und die Tabellen.
Eine Hauptüberschrift wird so ausgezeichnet:
- <h1>Hauptüberschrift</h1>
h1 steht für Heading 1, zeichnet also eine Überschrift der höchsten Gliederungsstufe aus.
Weiter möglich sind h2 bis h6, Überschriften zweiter bis sechster Gliederungsstufe. Die Präsentation dieser Überschriften ist von ihrer strukturierenden Bedeutung unabhängig und kann mit CSS beeinflusst werden.
- Ein Hyperlink: <a href="http://www.example.com/">Dies ist ein Link auf example.com</a>
- Hyperlinks sind Verweise auf andere Dateien, meistens ebenfalls HTML-Dateien, die üblicherweise im Browser durch Klick verfolgt werden können. Dieser Link könnte so gerendert werden
- Dies ist ein Link auf example.com.
Zur Logik stehen zum Beispiel die Elemente strong und em bereit, mit denen sich stark hervorgehobener oder betonter Text auszeichnen lässt. Per Voreinstellung (lt. W3C-Standard) werden strong- und em-Elemente durch Fettschrift beziehungsweise kursive Schrift gerendert.
|
