Der Aufbau einer HTML-Seite sieht immer gleich aus. Sie besteht aus dem Vorspann, dem Textteil und dem Nachspann.
Der Vorspann hat folgende Struktur:
<html>
<head>
<title>Seitentitel</title>
</head>
<body>
Besprechung:
Der Tag <html> kennzeichnet den Anfang einer HTML-Seite, <head> den Anfang des Kopfbereichs. Im Vorspann wird auch der Seitentitel (<title>Seitentitel</title>) festgelegt, den der WWW-Browser oben auf seiner blauen Leiste (Titelzeile) anzeigt. Speichert Ihr ein Bookmark, so wird ebenfalls der Titel der Seite als Bookmarkname verwendet. Die Eingabe der Titelzeile ist nicht unbedingt notwendig, gehört jedoch zum guten Stil. Die eigentliche Überschrift der WWW-Seite steht im Textteil. </head> bedeutet das Ende des Kopfbereichs und <body> kündigt den Anfang des Textteils an.
Der Textteil beinhaltet Text, Grafiken, Animationen usw. und die Tags, die diesen Teil strukturieren:
<h1>Überschrift</h1>
<p>Text, Grafiken, Animationen usw. ...
Der Nachspann besteht nur aus zwei Tags:
</body>
</html>
Besprechung:
Die beiden Tags im Nachspann beenden den Textteil und zuletzt die HTML-Seite selbst.
Manchen Tags könnt Ihr Attribute beifügen, die bestimmte Eigenschaften des zwischen Anfangs- und End-Tag gelegenen Elements festlegen. Durch zusätzliche Angaben im <body>-Tag wird etwa die Hintergrundfarbe der gesamten Seite, die Farbe des Textes und die der Links beeinflusst:
<html>
<head>
<title>Seitentitel</title>
</head>
<body bgcolor=yellow link=blue text=black>
Hier kommt der Text, die Bilder und Animationen
</body>
</html>
Besprechung:
Die Hintergrundfarbe dieser WWW-Seite ist gelb, die Worte, die ein Verweis (Link) sind, erscheinen in blauer Farbe und der allgemeine Text der Seite ist schwarz.