Jedes HTML-Dokument ist immer ähnlich aufgebaut und enthält einen HEAD-Bereich, der nicht sichtbare Befehle enthält, sowie einem BODY-Bereich, der die eigentlichen Ausgaben im Browserfenster enthält.
3.1 HTML-Tag
Der HTML-Tag umschließt den HEAD- und BODY-Tag und zeigt dem Browser, dass eine HTML-Seite auszugeben ist.
[html]<html>
<head>
</head>
<body>
</body>
</html>
[/html]
3.2 HEAD-Tag
Im HEAD-Tag können Sie u.a. sog. META-Tags notieren, die z.B. für das Listing in Suchmaschinen wichtig sind.
[html]
<html>
<head>
<meta content="Hier steht Ihre Beschreibung" name="description">
<meta content="Hier stehen Ihre Suchbegriffe" name="keywords">
</head>
<body>
</body>
</html>
[/html]
3.3 BODY-Tag
Texte und Grafiken, die Sie im BODY-Tag notieren, werden vom Browser ausgegeben.
[html]
<html>
<head>
</head>
<body>
Hallo Welt!
</body>
</html>
[html]
<strong>3.4 Titel der Webseite</strong>
Sie sollten Ihrer Webseite einen aussagekräftigen Titel geben, den Sie mit Hilfe des TITLE-Tags im HEAD-Bereich Ihrer Webseite notieren können.
[html]
<html>
<head>
<title>Meine erste HTML-Seite</title>
</head>
<body>
</body>
</html>
[/html]
Achten Sie darauf, dass der gewählte Titel nicht zu lang ist, da er in der Titelleiste des Browsers angezeigt wird und dort nur ein begrenzter Platz zur Verfügung steht.
3.5 Hintergrundfarbe und Hintergrundbild
Über zwei Attribute des BODY-Tags versehen Sie Ihr HTML-Dokument mit einer Hintergrundfarbe bzw. einem Hintergrundbild.
Benutzen Sie das Attribut bgcolor=”…”, um der gesamten Seite eine Hintergrundfarbe zuzuweisen.
Sie können die gewünschte Farbe entweder als englischen Farbnamen (red) oder als hexadezimale Zahl mit voranstehender Raute (#FF0000) angegeben.
[html]
<html>
<head>
<title>Meine erste HTML-Seite</title>
</head>
<body bgcolor="red">
</body>
</html>
[/html]
Analog können Sie mit dem Attribut background=”…”, der Seite eine Hintergrundgrafik zuordnen. Liegt die Hintergrundgrafik im selben Verzeichnis wie die HTML-Seite, brauchen Sie lediglich den Dateinamen der Grafik zwischen den Anführungszeichen zu notieren. Sie sollten darauf achten, dass der Dateiname keine Sonderzeichen (deutsche Umlaute, Leerzeichen etc.) enthält und unter Beachtung der Groß- und Kleinschreibung angegeben wird.
Darüber hinaus eignen sich vornehmlich nur GIF-, JPG- und PNG-Grafiken als Hintergrund.
[html]
<html>
<head>
<title>Meine erste HTML-Seite</title>
</head>
<body background="hintergrund.jpg">
</body>
</html> [/html]