Grundstruktur einer HTML-Seite
Eine Webseite ist eine gewöhnliche Textdatei
mit der Erweiterung .html. In dieser
Datei ist der HTML-Text der Seite zusammen
mit den Tags gespeichert. Diese Datei muss
unbedingt die folgenden Tags enthalten: den Tag html, der
den gesamten Text der Website enthalten muss
(alles, was außerhalb dieses Tags geschrieben ist, wird vom Browser
ignoriert), und innerhalb davon müssen
sich zwei weitere Tags befinden: der Tag head für
den Dienstinhalt der Seite und der Tag body
- für den Haupttext, der auf dem
Bildschirm des Browsers sichtbar ist.
Zum Dienstinhalt, der sich innerhalb
des Tags head befindet, gehören viele
verschiedene Dinge, aber vorerst benötigen wir nur
zwei davon. Das ist der Tag title, der
den Seitentitel festlegt, der im
Browser-Tab sichtbar sein wird, und der Tag meta,
der den Zeichensatz der Seite festlegt (er wird
im Attribut charset gesetzt und hat usually
den Wert utf-8).
Darüber hinaus wird vor dem Tag html usually
die Konstruktion doctype geschrieben, die
die Version der HTML-Sprache angibt, in der die
Website erstellt wurde. Die aktuelle Version der Sprache hat
die Nummer fünf und der Doctype dafür sollte so
aussehen:
<!DOCTYPE html>
Schauen wir uns also die Grundstruktur der Seite an:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>This is the title</title>
</head>
<body>
This is the main content of the page.
</body>
</html>
Erstellen Sie eine Datei mit der Erweiterung .html.
Kopieren Sie die Grundstruktur der Seite hinein.
Speichern Sie Ihre Datei. Öffnen Sie sie dann in
Ihrem Browser, indem Sie die Datei per Drag & Drop bewegen oder einen
Doppelklick darauf ausführen.