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

Ogni pagina HTML segue la stessa struttura di base. Definisce come il browser deve interpretare e visualizzare il contenuto.

Ecco un semplice esempio di documento HTML:
```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>
```

## Parti principali del documento
1. `<!DOCTYPE html>`: indica al browser di utilizzare lo standard moderno `HTML5`;
2. `<html>`: elemento radice. Tutto ciò che è presente nella pagina viene inserito all'interno di questo tag;
3. `<head>`: contiene informazioni sulla pagina non visibili agli utenti. Elementi comuni:
   - `<title>`: imposta il nome della scheda del browser;
   - `<meta charset="UTF-8">`: garantisce la corretta visualizzazione del testo.
4. `<body>`: contiene tutto ciò che gli utenti vedono nella pagina:
   - testo;
   - immagini;
   - link;
   - pulsanti.

### Come interpretarlo
`<head>` → impostazioni della pagina. `<body>` → contenuto della pagina.

Non è necessario memorizzare tutto subito. Concentrarsi sul riconoscimento della struttura. Verrà utilizzata in ogni file HTML.

Nota

Crea pagine web strutturate utilizzando HTML. Realizza contenuti testuali, collegamenti, elenchi, immagini, tabelle e moduli, organizzando il tutto con elementi semantici in una pagina completa.

Struttura di Base di un Documento HTML

Parti principali del documento

Come interpretarlo