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

Un documento HTML segue una struttura coerente composta da alcuni elementi chiave.

## Tag `<html>`
L'elemento radice di ogni pagina. Tutto il contenuto va inserito tra il tag di apertura `<html>` e quello di chiusura `</html>`.
```html
<html>
  
</html>
```

## Tag `<head>`
Contiene informazioni sulla pagina, non visibili all'utente. Include il titolo, i metadati e i collegamenti a fogli di stile o script.
```html
<head>
  <title>Title of the Document</title>
  <meta charset="UTF-8" />
  
</head>
```
Elementi comuni in `<head>`:
- `<title>`: testo mostrato sulla scheda del browser;
- `<meta charset="UTF-8">`: imposta la codifica del testo;
- `<meta name="description">`: breve descrizione della pagina;
- `<meta name="viewport">`: necessario per il design responsivo.

## Tag `<body>`
Contiene tutto ciò che è visibile sulla pagina: testo, immagini, link, moduli, ecc.
```html
<body>
  <h1>Hello, World!</h1>
  <p>This is a paragraph of text.</p>
  
</body>
```

## Dichiarazione del tipo di documento
Indica al browser di utilizzare lo standard HTML5 durante la visualizzazione della pagina.
```html
<!DOCTYPE html>
```

## Esempio di struttura completa
Per concludere, raccogliamo tutti gli elementi considerati e combiniamoli in un unico documento HTML.
```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>Di seguito, puoi vedere come appare il documento HTML nel browser web.</u>

Quale tag rappresenta l’elemento radice di un documento HTML?

Apprendi le nozioni fondamentali di HTML per creare contenuti web ben strutturati e accessibili. Impara a strutturare i documenti utilizzando tag, elementi e attributi. Lavora con sicurezza con testo, elenchi, immagini, audio e video per arricchire le pagine web. Crea tabelle per organizzare i dati e moduli per l'inserimento e l'interazione degli utenti. Scopri l'HTML semantico per migliorare l'accessibilità e costruire strutture di siti web complete e funzionali dalle basi.

Introduzione al web e a HTML, con particolare attenzione all'importanza di tag, elementi e attributi. Panoramica sulla struttura di base di un documento HTML e breve storia del web.

Apprendere le nozioni fondamentali del markup HTML, con particolare attenzione alla formattazione speciale del testo e alle liste, comprendendo la loro importanza nella strutturazione dei contenuti all'interno di un documento HTML. Esplorare le complessità della struttura di un documento HTML perfezionando le tecniche di markup del testo.

Scopri il potenziale dei contenuti visivi e uditivi nello sviluppo web imparando a integrare senza problemi immagini, elementi video e audio nei documenti HTML. Esplora le particolarità dell'inserimento di diversi formati multimediali.

Esplora le complessità della presentazione dei dati e dell'interazione con l'utente attraverso una copertura completa di tabelle e moduli in HTML, comprendente strutture di tabelle, creazione di moduli ed elementi di input. Acquisisci competenza nell'implementazione degli elementi di input dei moduli e nell'utilizzo degli attributi per una funzionalità avanzata.

Porta le tue competenze HTML al livello successivo approfondendo gli elementi semantici di HTML, per creare contenuti web ben strutturati e accessibili. Inizia a costruire il tuo primo sito web applicando le nuove conoscenze acquisite per dare vita alle tue idee.

Struttura del Documento HTML Spiegata

Tag `<html>`

Tag `<head>`

Tag `<body>`

Dichiarazione del tipo di documento

Esempio di struttura completa

1. Quale tag rappresenta l’elemento radice di un documento HTML?

2. Cosa contiene il tag `<head>`?

3. Cosa definisce il tag `<title>`?

4. Qual è lo scopo del tag `<body>`?

Struttura del Documento HTML Spiegata

Tag <html>

Tag <head>

Tag <body>