Summary  
This chapter covers the standard HTML5 document structure, detailing the roles of the `<!DOCTYPE html>`, `<html>`, `<head>`, and `<body>` elements for organizing metadata and page content.  

General domain of usage  
Web development

Jede HTML-Seite folgt derselben grundlegenden Struktur. Sie legt fest, wie der Browser den Inhalt interpretieren und anzeigen soll.

Hier ist ein einfaches Beispiel für ein HTML-Dokument:
```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>My First Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first web page.</p>
  </body>
</html>
```

## Hauptbestandteile des Dokuments
1. `<!DOCTYPE html>`: weist den Browser an, den modernen `HTML5`-Standard zu verwenden;
2. `<html>`: das Wurzelelement. Alles auf der Seite befindet sich innerhalb dieses Tags;
3. `<head>`: enthält Informationen über die Seite, die für Benutzer nicht sichtbar sind. Häufige Elemente:
   - `<title>`: legt den Namen des Browser-Tabs fest;
   - `<meta charset="UTF-8">`: sorgt für die korrekte Anzeige von Text.
4. `<body>`: enthält alles, was Benutzer auf der Seite sehen:
   - Text;
   - Bilder;
   - Links;
   - Schaltflächen.

### Merksatz
`<head>` → Seiteneinstellungen. `<body>` → Seiteninhalt.

Es ist noch nicht erforderlich, alles auswendig zu lernen. Konzentration auf das Erkennen der Struktur. Diese wird in jeder HTML-Datei verwendet.

Hinweis

Strukturierte Webseiten mit HTML erstellen. Textinhalte, Links, Listen, Bilder, Tabellen und Formulare anlegen und alles mit semantischen Elementen zu einer vollständigen Seite organisieren.

Grundlegende Struktur eines HTML-Dokuments

Hauptbestandteile des Dokuments

Merksatz