Impara Sfida: Struttura Correttamente un Documento HTML

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 tuoi contenuti.

Nota

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 mantenga leggibilità e funzionalità su tutti i browser.

Compito

Crea una struttura di documento HTML di base. Se hai già fiducia nelle tue capacità, sentiti libero di procedere senza la guida passo-passo. Tuttavia, se desideri un po' più di supporto, è disponibile una spiegazione dettagliata per aiutarti durante il percorso.

Guida Passo-Passo

Passaggio 1: Avviare il Documento HTML

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

index.html

Passaggio 2: Aggiungi i tag di apertura e chiusura html

Dopo la dichiarazione doctype, aggiungi i tag HTML di apertura e chiusura. 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

Passaggio 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

Passaggio 4: Aggiungi il Titolo

All'interno dei tag <head>, aggiungi 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:

index.html

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:

index.html

Passaggio 6: Aggiungere contenuto al body

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

index.html

Provalo tu stesso

index.html

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 5

Chieda ad AI

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

Scorri per mostrare il menu

Obiettivo

Nota

Compito

Guida Passo-Passo

Passaggio 1: Avviare il Documento HTML

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

index.html

Passaggio 2: Aggiungi i tag di apertura e chiusura html

index.html

Passaggio 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

Passaggio 4: Aggiungi il Titolo

index.html

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:

index.html

Passaggio 6: Aggiungere contenuto al body

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

index.html

Provalo tu stesso

index.html

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 5