Das Grundgerüst einer Seite
Unter der Deklaration haben alle Webseiten dieselbe Grundstruktur, ein Gerüst aus drei Elementen: html, head und body.
Das Element html, benannt nach der Sprache selbst, umschließt die ganze Seite. Es steht direkt nach der Dokumenttyp-Deklaration, und alle anderen Elemente der Seite stehen darin.
Im Element html gibt es zwei Elemente. Das erste ist head, der Kopf der Seite. Er enthält Informationen über die Seite, die nicht auf der Seite selbst angezeigt werden. Dazu gehört zum Beispiel der Titel der Seite, den der Browser im Tab anzeigt, und das kleine Symbol daneben, das Favicon. Beides wird im Element head festgelegt:
Das zweite ist body, der Körper der Seite. Er enthält alles, was du auf der Seite sehen kannst: Überschriften, Absätze, Bilder, Videos, Links und vieles mehr.
Das Element head steht immer vor dem Element body. Zusammen sieht das Gerüst so aus:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>Mach dir vorerst keine Gedanken über die Leerzeichen am Anfang mancher Zeilen. Wir erklären sie später in dieser Lektion.
So schreibst du es:
Anweisungen
- 1
Erstelle unter der Dokumenttyp-Deklaration das Element
html. - 2
Erstelle im Element
htmldas Elementhead. - 3
Erstelle im Element
htmlunter dem Elementheaddas Elementbody.