Das Grundgerüst
Eine gewöhnliche HTML-Datei besteht grundsätzlich aus folgenden zwei Teilen:
Nach der einleitenden HTML-Anweisung kommt auf einer Hyperseite normalerweise ein Header-Teil, das heißt ein Kopfteil, in dem die allgemeinen Informationen über die Seite zusammengefaßt werden.
Was kann im Prinzip alles in den Header-Teil eingebunden werden ?
Der Titel |
Jede HTML-Datei sollte einen möglichst informativen und aussagekräftigen Titel erhalten, der aber auch nicht zu lang sein darf (maximal circa 50 Zeichen). |
Sounddateien |
die beim Laden oder abspielen der Seite abgespielt werden |
größere Grafiken |
die beim Laden oder abspielen der Seite angezeigt werden |
Weitere Tags |
<Base> , <Isindex> , <Nextid> , <Meta> , <Link> , <Banner> , <Style> , <Range> |
Die eigentlichen Daten, die der WWW-Browser einem Anwender auf dem Bildschirm anzeigen soll, werden in den Body geschrieben. Der Body enthält den eigentlichen Text mit Überschriften, Verweise, Grafikreferenzen usw. Am Anfang des Body-Teils können zusätzlich Anweisungen für Farben und Hintergrundbilder stehen.
| <body background="[Grafik]">...</body> |
Angaben einer Hintergrund-grafik |
| <body backcolor="[Farbe]">...</body> |
Struktur einer Definition für die dateiweiten Farben (Hintergrund). |
| <body text="[Farbe]">...</body> |
Struktur einer Definition für die dateiweiten Farben (Text). |
| <body link="[Farbe]">...</body> |
Struktur einer Definition für die dateiweiten Farben (noch nicht besuchte Links). |
| <body vlink="[Farbe]">...</body> |
Struktur einer Definition für die dateiweiten Farben (für bereits besuchte Links). |
| <body alink="[Farbe]">...</body> |
Struktur einer Definition für die dateiweiten Farben (für hervorgehobene Links). |
| <body onload="[Funktionsnamen]">...</body> |
Aufruf einer Java-Script-Funktion beim Start einer HTML-Datei. |
| <body>...</body> |
Body-Teil einer HTML-Seite - äußeres Grundgerüst. |
Dafür dürfen höchstens Kommentarzeilen stehen, die von den Viewern ignoriert und nicht auf dem Bildschirm angezeigt werden.
Die Steuerzeichen für Kommentarzeilen sind ein Ausrufezeichen und zwei Striche am Anfang sowie zwei Striche am Ende des tags. Jeder in diesem tag stehende text wird vom interpredierten Browser als Kommentar betrachtet. Ein Kommentar kann über mehrere Zeilen gehen und natürlich ebenfalls im Inneren einer HTML-Seite verwendet werden. Auch ein Kommentar-Tag muß von Spitzen Klammern eingeschlossen werden, also sehen die Zeichenfolge mit einem Kommentar so aus:
<!-- Das ist der Kommentar-Tag -->
Vor Beginn des HTML-Tags kann mit dem DOCTYPE-Tag ein Verweis auf die jeweilige DTD-Datei (document type definitions) intigriert werden. Im Prinzip muß jedem SGML-Dokument eine solche DTD-Datei zugeordnet sein. Die erste Zeile eines HTML-Dokuments muß also die am besten öffentliche (PUBLIC) Information darüber enthalten, welche DTD für das nachfolgende Dokument anzuwenden ist.
DOCTYPE - BEFEHL |
ZUGEHÖRIGER STANDART |
| <! DOCTYPE HTML PUBLIC"-//IETF//DTD HTML Level 1//EN"> |
Damit spezifizieren Sie den HTML-Sprachstandard 1.0 als den Standard, an den Sie sich in der HTML-Datei halten. |
| <! DOCTYPE HTML PUBLIC"-//IETF//DTD HTML //EN"> |
Damit spezifizieren Sie den HTML-Sprachstandard 2.0 als den Standard, an den Sie sich in der HTML-Datei halten. |
| <! DOCTYPE HTML PUBLIC"-//IETF//DTD HTML 3.0//EN"> |
Damit spezifizieren Sie den HTML-Sprachstandard 3.0 als den Standard Ihrer HTML-Datei. |
| <! DOCTYPE HTML PUBLIC"-//IETF//DTD HTML 3.2//EN"> |
Damit spezifizieren Sie den HTML-Sprachstandard 3.2 als den Standard Ihrer HTML-Datei. |
| <! DOCTYPE HTML PUBLIC"-//IETF//DTD HTML 4.0//EN"> |
Damit spezifizieren Sie den HTML-Sprachstandard 4.0 als den Standard Ihrer HTML-Datei. |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
Damit spezifizieren Sie den HTML-Sprachstandard 4.0 und geben an, daß Sie außerdem Style-SheetsScriptsprachen in der Datei einsetzen. |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"> |
Damit spezifizieren Sie den HTML-Sprachstandard 4.0 und geben an, daß Sie in der HTML-Datei ein Frame-Set definieren. |
Dieser Tag ist aber optional, da das World Wide Web so funktioniert, daß allein die Dateiendung html oder htm bereits ausreicht, ein Dokument als HTML-Datei zu identifizieren. Der jeweilige Browser benötigt also nicht explizit die Document Type Definition. Es ist sogar so, daß die entsprechende Angabe von den meisten WWW-Browsern ignoriert wird bzw. keine weiteren Konsequenzen für die Darstellung der HTML-Datei hat.
Trotzdem, um mit der strikten SGML-Sprachdefinition konform zu gehen, sollte einer HTML-Datei einen DOCTYPE-Tag vorangestellt werden, obwohl man zugeben muß, daß kaum ein HTML-Dokument im WWW diese DTD-Zuordnung voranstellt.
Das vollständige Grundgerüst einer normalen HTML-Datei sieht also schematisch immer so aus:
<!DOCTYPE HTML PUBLIC"...">
<!-- Kommentar -->
<html>
<head>
<title>Text des Titels</title>
</head>
<body TEXT="#FFFFFF" bgcolor="#000000">
Text, Verweise, Grafikreferenzen usw.
</body>
</html>
|
Erläuterung:
Wenn Sie Frames (mehrere Bildschirmfenster) einsetzen wollen, gelten andere Vorschriften für das Grundgerüst von Dateien, in denen ein Frame-Set definiert wird. Lesen Sie hierzu: Grundgerüst einer HTML-Datei mit Frame-Sets. |