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

Varje HTML-sida följer samma grundläggande struktur. Den definierar hur webbläsaren ska tolka och visa innehållet.

Här är ett enkelt exempel på ett 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>
```

## Huvudsakliga delar av dokumentet
1. `<!DOCTYPE html>`: instruerar webbläsaren att använda den moderna `HTML5`-standarden;
2. `<html>`: rottaggen. Allt på sidan placeras inom denna tagg;
3. `<head>`: innehåller information om sidan som inte är synlig för användare. Vanliga element:
   - `<title>`: anger namnet på webbläsarfliken;
   - `<meta charset="UTF-8">`: säkerställer att text visas korrekt.
4. `<body>`: innehåller allt användarna ser på sidan:
   - text;
   - bilder;
   - länkar;
   - knappar.

### Hur man bör tänka på det
`<head>` → sidinställningar. `<body>` → sidinnehåll.

Du behöver inte memorera allt än. Fokusera på att känna igen strukturen. Du kommer att använda den i varje HTML-fil.

Notering

Bygg strukturerade webbsidor med HTML. Skapa textinnehåll, länkar, listor, bilder, tabeller och formulär, och organisera allt med semantiska element till en komplett sida.

Grundläggande HTML-dokumentstruktur

Huvudsakliga delar av dokumentet

Hur man bör tänka på det