Summary  
Describes the hierarchical structure of an HTML document by defining the DOCTYPE, the `<html>` root, the `<head>` metadata section, and the `<body>` content section.

General domain of usage  
Web development

Et HTML-dokument følger en ensartet struktur bestående af nogle få nøgleelementer.

## `<html>`-tag
Rod-elementet på hver side. Alt indhold placeres mellem åbningstagget `<html>` og lukningstagget `</html>`.
```html
<html>
  
</html>
```

## `<head>`-tag
Indeholder information om siden, som ikke er synlig for brugeren. Dette inkluderer titel, metadata og links til stylesheets eller scripts.
```html
<head>
  <title>Title of the Document</title>
  <meta charset="UTF-8" />
  
</head>
```
Almindelige elementer i `<head>`:
- `<title>`: tekst vist på browserfanen;
- `<meta charset="UTF-8">`: angiver tekstkodning;
- `<meta name="description">`: kort sidebeskrivelse;
- `<meta name="viewport">`: nødvendig for responsivt design.

## `<body>`-tag
Indeholder alt synligt indhold på siden: tekst, billeder, links, formularer osv.
```html
<body>
  <h1>Hello, World!</h1>
  <p>This is a paragraph of text.</p>
  
</body>
```

## Dokumenttype-deklaration
Angiver til browseren, at HTML5-standarden skal bruges ved visning af siden.
```html
<!DOCTYPE html>
```

## Eksempel på fuld struktur
For at opsummere samles alle de elementer, vi har gennemgået, i et enkelt HTML-dokument.
```html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the Document</title>
    <meta charset="UTF-8" />
    
  </head>

  <body>
    <h1>Hello, World!</h1>
    <p>This is a paragraph of text.</p>
    
  </body>
</html>
```

<u>Nedenfor kan du se, hvordan HTML-dokumentet vises i webbrowseren.</u>

Behersk det grundlæggende i HTML for at opbygge velstruktureret og tilgængeligt webindhold. Lær at strukturere dokumenter ved hjælp af tags, elementer og attributter. Arbejd sikkert med tekst, lister, billeder, lyd og video for at berige websider. Opret tabeller for organiserede data og formularer til brugerinput og interaktion. Opdag semantisk HTML for at forbedre tilgængelighed og opbygge komplette, funktionelle webstedsstrukturer fra bunden.

Få en introduktion til internettet og HTML, herunder betydningen af tags, elementer og attributter. Lær om den grundlæggende struktur af et HTML-dokument samt en kort historie om internettet.

Behersk det grundlæggende i HTML-markup med fokus på særlig tekstformatering og lister samt forstå deres betydning for strukturering af indhold i et HTML-dokument. Udforsk detaljerne i HTML-dokumentets struktur, mens du forfiner teknikker til tekstmarkup.

Udnyt potentialet i visuelt og auditivt indhold i webudvikling ved at lære at integrere billeder, video- og lyd-elementer problemfrit i HTML-dokumenter. Udforsk nuancerne ved at inkludere forskellige medieformater.

Naviger i kompleksiteten ved datapræsentation og brugerinteraktion med en omfattende gennemgang af tabeller og formularer i HTML, herunder tabelstrukturer, oprettelse af formularer og inputelementer. Opnå færdigheder i implementering af inputelementer i formularer og udnyttelse af attributter for øget funktionalitet.

Forbedr dine HTML-færdigheder ved at udforske semantiske HTML-elementer, hvilket muliggør oprettelse af velstruktureret og tilgængeligt webindhold. Begynd at opbygge dit første website og anvend den nye viden til at realisere dine idéer.

HTML-Dokumentstruktur Forklaret

`<html>`-tag

`<head>`-tag

`<body>`-tag

Dokumenttype-deklaration

Eksempel på fuld struktur

1. Hvilket tag er roden i et HTML-dokument?

2. Hvad indeholder `<head>`-tagget?

3. Hvad definerer `<title>`-tagget?

4. Hvad er formålet med `<body>`-tagget?

HTML-Dokumentstruktur Forklaret

<html>-tag

<head>-tag

<body>-tag