Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Impara Sfida: Struttura Correttamente un Documento HTML | Struttura del Documento HTML
HTML Definitivo

bookSfida: Struttura Correttamente un Documento HTML

Obiettivo

Costruisci la pagina web corretta creando una struttura di documento HTML di base. Questa struttura è la spina dorsale di ogni pagina HTML e consiste in elementi essenziali di cui i browser hanno bisogno per rendere correttamente il tuo contenuto.

Nota

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

Compito

Crea una struttura di documento HTML di base. Se sei già sicuro delle tue capacità, sentiti libero di procedere senza la guida passo-passo. Tuttavia, se desideri un po' più di guida, è disponibile una guida passo-passo per aiutarti lungo il percorso.

Guida Passo-Passo

Passo 1: Inizia il Documento HTML

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

index.html

index.html

copy

Passo 2: Aggiungi i Tag di Apertura e Chiusura HTML

Dopo la dichiarazione del doctype, aggiungi i tag di apertura e chiusura HTML. L'intera struttura del documento HTML sarà contenuta all'interno di questi tag. Inoltre, includi l'attributo lang per specificare la lingua del documento:

index.html

index.html

copy

Passo 3: Crea la Sezione head

Aggiungi 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:

index.html

index.html

copy

Passo 4: Aggiungi il Titolo

All'interno dei tag <head>, aggiungi i tag di apertura e chiusura <title>. Il testo che inserisci tra questi tag verrà visualizzato come titolo della pagina web nella barra del titolo o nella scheda del browser:

index.html

index.html

copy

Passo 5: Crea la sezione del corpo

Dopo la sezione <head>, aggiungi i tag di apertura e chiusura <body>. La sezione del corpo contiene il contenuto visibile della pagina web:

index.html

index.html

copy

Passo 6: Aggiungi Contenuto al body

Puoi aggiungere elementi all'interno dei tag <body>, come intestazioni, paragrafi, immagini, link, ecc. Ecco un esempio di aggiunta di un'intestazione e un paragrafo:

index.html

index.html

copy

Prova Tu Stesso

index.html

index.html

copy
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 5

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Mi faccia domande su questo argomento

Riassuma questo capitolo

Mostri esempi dal mondo reale

Awesome!

Completion rate improved to 2.56

bookSfida: Struttura Correttamente un Documento HTML

Scorri per mostrare il menu

Obiettivo

Costruisci la pagina web corretta creando una struttura di documento HTML di base. Questa struttura è la spina dorsale di ogni pagina HTML e consiste in elementi essenziali di cui i browser hanno bisogno per rendere correttamente il tuo contenuto.

Nota

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

Compito

Crea una struttura di documento HTML di base. Se sei già sicuro delle tue capacità, sentiti libero di procedere senza la guida passo-passo. Tuttavia, se desideri un po' più di guida, è disponibile una guida passo-passo per aiutarti lungo il percorso.

Guida Passo-Passo

Passo 1: Inizia il Documento HTML

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

index.html

index.html

copy

Passo 2: Aggiungi i Tag di Apertura e Chiusura HTML

Dopo la dichiarazione del doctype, aggiungi i tag di apertura e chiusura HTML. L'intera struttura del documento HTML sarà contenuta all'interno di questi tag. Inoltre, includi l'attributo lang per specificare la lingua del documento:

index.html

index.html

copy

Passo 3: Crea la Sezione head

Aggiungi 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:

index.html

index.html

copy

Passo 4: Aggiungi il Titolo

All'interno dei tag <head>, aggiungi i tag di apertura e chiusura <title>. Il testo che inserisci tra questi tag verrà visualizzato come titolo della pagina web nella barra del titolo o nella scheda del browser:

index.html

index.html

copy

Passo 5: Crea la sezione del corpo

Dopo la sezione <head>, aggiungi i tag di apertura e chiusura <body>. La sezione del corpo contiene il contenuto visibile della pagina web:

index.html

index.html

copy

Passo 6: Aggiungi Contenuto al body

Puoi aggiungere elementi all'interno dei tag <body>, come intestazioni, paragrafi, immagini, link, ecc. Ecco un esempio di aggiunta di un'intestazione e un paragrafo:

index.html

index.html

copy

Prova Tu Stesso

index.html

index.html

copy
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 5
some-alt