## Obiettivo
Costruire la pagina web corretta creando una struttura di documento HTML di base. Questa struttura rappresenta l'ossatura di ogni pagina HTML e comprende gli elementi essenziali di cui i browser hanno bisogno per visualizzare correttamente i contenuti.

Non lasciarti ingannare dall'apparente semplicità del design della pagina web. Anche se può sembrare semplice, è fondamentale **mantenere la corretta struttura del documento**. Questo garantisce che il sito web mantenga leggibilità e funzionalità su tutti i browser.

Nota

## Compito
Creazione della struttura di base di un documento HTML. Se hai già fiducia nelle tue capacità, puoi procedere senza la guida passo-passo. Tuttavia, se desideri un supporto aggiuntivo, è disponibile una guida dettagliata per accompagnarti nel processo.

### Passaggio 1: Inizio del documento HTML
Inizia digitando la dichiarazione doctype HTML, che indica al browser che il documento è scritto in HTML. La dichiarazione deve essere la prima riga del tuo documento HTML:

### Passaggio 2: Aggiunta dei tag di apertura e chiusura html
Dopo la dichiarazione doctype, aggiungere i tag di apertura e chiusura HTML. L'intera struttura del documento HTML sarà contenuta all'interno di questi tag. Inoltre, includere l'attributo `lang` per specificare la lingua del documento:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj48L2h0bWw+

### Passaggio 3: Creare la sezione head
Aggiungere i tag di apertura e chiusura `<head>` all'interno dei tag HTML. La sezione head contiene meta-informazioni sul documento HTML, come il titolo e i collegamenti a fogli di stile esterni:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD48L2hlYWQ+CjwvaHRtbD4=

### Passaggio 4: Aggiungere il titolo
All'interno dei tag `<head>`, aggiungere i tag di apertura e chiusura `<title>`. Il testo inserito tra questi tag verrà visualizzato come titolo della pagina web nella barra del titolo o nella scheda del browser:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CjwvaHRtbD4=

### Passaggio 5: Creare la sezione body
Dopo la sezione `<head>`, aggiungere i tag di apertura e chiusura `<body>`. La sezione body contiene il contenuto visibile della pagina web:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+PC9ib2R5Pgo8L2h0bWw+

### Passaggio 6: Aggiungere contenuto al body
È possibile aggiungere elementi all'interno dei tag `<body>`, come intestazioni, paragrafi, immagini, link, ecc. Ecco un esempio di aggiunta di un'intestazione e di un paragrafo:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+VGhlIHdlYnBhZ2UgbWFpbiBoZWFkaW5nPC9oMT4KICAgIDxwPlNvbWUgY29udGVudC48L3A+CiAgPC9ib2R5Pgo8L2h0bWw+

PCEtLSBDcmVhdGUgdGhlIGJhc2ljIGRvY3VtZW50IHN0cnVjdHVyZSAtLT4K

Impara le basi dell'HTML (HyperText Markup Language), la base dello sviluppo web. Questo corso adatto ai principianti copre tag, attributi, elementi e strutturazione delle pagine web. Acquisisci competenze pratiche nella creazione di intestazioni, paragrafi, elenchi, immagini, link, moduli e tabelle. Esplora le migliori pratiche, l'ottimizzazione e l'accessibilità web. Inizia il tuo percorso di sviluppo web con HTML.

Esplora il funzionamento interno del web. Scopri come i dati viaggiano attraverso le reti, scopri il ruolo dei protocolli e svela i misteri degli indirizzi IP e dei nomi di dominio. Ottieni una comprensione a livello generale di come i browser web e i server comunicano per fornire contenuti web.

Scopri il potere dei tag per strutturare il contenuto, dai titoli e paragrafi a elenchi e tabelle. Impara come migliorare gli elementi con gli attributi.

Il nucleo della struttura del documento HTML. Impara i componenti di un documento HTML, inclusa la dichiarazione doctype, head e body. Comprendi lo scopo di ciascun elemento e come contribuiscono alla struttura complessiva di una pagina web.

Rendi una pagina web più attraente con l'aiuto di media come immagini, audio e video. Lavora con dati tabulari strutturati sotto forma di tabelle.

Esplora la versatilità dei moduli HTML. Impara a progettare moduli intuitivi e facili da usare sfruttando concetti e tecniche chiave. Scopri come i moduli consentono l'interazione dell'utente e l'invio di dati sui siti web.

Sfida: Struttura correttamente un documento HTML

Obiettivo

Compito

Guida passo-passo

Passaggio 1: Inizio del documento HTML

Passaggio 2: Aggiunta dei tag di apertura e chiusura html

Passaggio 3: Creare la sezione head

Passaggio 4: Aggiungere il titolo

Passaggio 5: Creare la sezione body

Passaggio 6: Aggiungere contenuto al body

Prova tu stesso