Das HTML Grundgerüst
Ich werde hier als erstes das HTML Gründgerüst vorstellen. Es ist bei allen HTML Seiten gleich aufgebaut. Der richtige Aufbau eines HTML Grundgerüstes ist Grundwissen. Ohne den richtige Aufbau wird deine Webseite nicht richtig funktionieren.
<!DOCTYPE ...>
<html>
<head>
<title>Titel der Seite</title>
...
</head>
<body>
...
</body>
</html>Der Doctype
Als aller erstes auf jeder HTML Seite kommt der Doctype (Dokumenttyp-Deklaration). Der Doctype sagt dem Browser nach welchen Regeln er die Webseite darstellen soll. Fehlt der Doctype wir der Browser in den sogennanten Quirks-Modus versetzt. Er stellt die Seite dann so dar wie er es für richtig hält. Das kann in unterschiedlichen Browsern ganz unterschiedliche Ergebnisse haben.
Es gibt verschiedene Doctypes. Ich benutzte die Variante HTML 4.01 Strict die man so schreibt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"><html> und </html>
<html> ist der eigentliche Beginn deiner Webseite. </html> beendet deine Webseite. Nach </html> darf nichts mehr kommen.
<head> und </head>
<head> kommt gleich nach </html> und öffnet den Kopfbereich deiner Webseite. Alle Angaben die hier gemacht werden sind später im Browser nicht zu sehen. Für den Anfang reicht es hier einen Titel für deine Webseite einzugeben. Später kommen dann noch weitere Angaben dazu. </head> schliesst den Kopfbereich.
<body> und </body>
<body> öffnet den Bereich in den der Inhalt deiner Webseite kommt. Alles was später auf deiner Webseite angezeigt werden soll steht hier. Überschrift, Menü, Inhalt u.s.w. Zwischen </head> und <body> darf nichts stehen. </body> schliesst diesen Bereich. Danach darf nur noch </html> kommen.
Das ist jetzt erst einmal das HTML Grundgerüst. Wie du siehst ist das eigentlich alles ganz einfach und gar nicht viel Arbeit. Alle anderen Beispiele werden auf diesem Grundgerüst aufbauen auch wenn ich es nicht jedesmal ausdrücklich erwähne.