Die Grundstruktur eines HTML-Dokuments


Viele Editoren bieten die Möglichkeit sofort zu sehen was der Mausklick gebracht hat. Zum Beispiel der Netscape Composer, Fontpage oder Netobjects Fusion bieten selbst den Anfänger sofortige Erfolge. 
Webprofis erstellen die Seiten aber normalerweise mit einem Editor, es funktioniert schon mit Notepad von Windows.Sie finden ihn in der Zubehörgruppe (Notizblocksymbol).

Dort werden alle Befehle eingegeben und anschließend als Datei mit der Endung .html oder .htm abgespeichert. Das ist wichtig, da aus der Endung der Browser (Netscape, Microsoft Explorer) erkennt, daß es sich um ein Internet-Datei handelt.

HTML ist sehr logisch aufgebaut. Die Befehle (auch Tags genannt) werden immer in spitze Klammern geschrieben (<>) und gelten genau für den Bereich zwischen öffnen und schließen desselben.
 

<html> sagt dem Browser, daß es sich um eine HTML Datei handelt. 
<head> ist der Bereich der Zusatzinformation. Hier können Informationen über Autor, Entstehungsdatum oder Suchmaschineninfos (Meta Tags) stehen. Diese Infos sind für den Besucher normalerweise nicht sichtbar (!).
<title>  Wie der Name schon sagt, ist dies der Titel der Seite. Der Titel wird in der obersten Zeile des Browsers angezeigt.
<body> Hier  beginnt der eigentlich sichtbare Teil, also der Inhalt der Seite. Alles was unterhalb von <body> steht ist sichtbar!  Der Body Tag kann noch Zusatzinformationen enthalten,  Attribute genannt. Sie sind optional, können also weggelassen werden. Je mehr Attribute allerdings verwendet werden, desto genauer weiß der Browser, wie er die Seite darzustellen hat.


 
 

Jedes HTML-Dokument hat also folgende Grundstruktur :

<HTML>
<HEAD>
<TITLE> Hier steht der Title der Seite, er sollte aussagekräftig sein </TITLE>
</HEAD>
<BODY bgcolor="#fffff" text="#ffffff" link="#ffffff" vlink="#ffffff">

Hier stehen dann die jeweiligen HTML-Befehle 

</BODY>
</HTML>
 

Die Attribute im <body> Tag:
 
 

bgcolor steht für Backgroundcolor, also die Hintergrundfarbe
background Falls Sie statt einer Hintergrundfarbe eine Hintergrundgrafik (.gif oder.jpg) benutzen wollen, dann müssen Sie das "background" Attribut einsetzen. Achten Sie Immer darauf, daß der Farbcode 6 Stellen (z.B: "#ffffff") zählt und eine # davor steht! 
text Definiert die Textfarbe. Gleiches System wie Hintergrundfarbe. Beachten Sie aber, der Text muß sich vom Hintergrund abheben.
link steht für die Farbe der Verknüpfungen bevor sie angelickt wurden. 
vlink steht für die Farbe der schon besuchten (angeklickten) Verknüpfungen. vlink (visited links) für schon besuchte Links.