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

Hver HTML-side følger den samme grundlæggende struktur. Den definerer, hvordan browseren skal forstå og vise indholdet.

Her er et simpelt eksempel på et 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>
```

## Hoveddele af dokumentet
1. `<!DOCTYPE html>`: fortæller browseren at bruge den moderne `HTML5`-standard;
2. `<html>`: rodelementet. Alt på siden placeres inden for dette tag;
3. `<head>`: indeholder information om siden, som ikke er synlig for brugerne. Almindelige elementer:
   - `<title>`: angiver navnet på browsertabben;
   - `<meta charset="UTF-8">`: sikrer korrekt visning af tekst.
4. `<body>`: indeholder alt, brugerne ser på siden:
   - tekst;
   - billeder;
   - links;
   - knapper.

### Sådan kan det forstås
`<head>` → sideindstillinger. `<body>` → sideindhold.

Du behøver ikke at huske alt endnu. Fokuser på at genkende strukturen. Du vil bruge den i hver HTML-fil.

Bemærk

Opbyg strukturerede websider ved hjælp af HTML. Opret tekstindhold, links, lister, billeder, tabeller og formularer, og organiser det hele med semantiske elementer til en komplet side.

Grundlæggende HTML-dokumentstruktur

Hoveddele af dokumentet

Sådan kan det forstås