Struttura HTML: gli elementi costitutivi
Comprenda la struttura di base di un documento HTML.
Struttura HTML: gli elementi costitutivi è una lezione HTML for Kids gratuita su CoddyKit. Questa è la lezione 2 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento HTML for Kids, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso HTML for Kids include 4 lezioni in totale.
Struttura HTML: gli elementi fondamentali
Benvenuti nella seconda lezione! Oggi impareremo la struttura di un documento HTML e come le sue parti si integrano tra loro. Pensate a questa lezione come allo studio dello scheletro di una pagina web.
La struttura di un documento HTML
Un documento HTML ha una struttura specifica che il browser comprende. È come una ricetta che indica al browser che cosa fare.
Le parti fondamentali di un documento HTML sono:
- dichiarazione doctype: indica al browser che si tratta di un documento HTML.
- tag HTML: contiene tutti i contenuti della pagina.
- head: contiene le informazioni sulla pagina, come il titolo.
- body: contiene i contenuti visibili all'utente.
Come si presenta la struttura?
Ecco come si presenta la struttura di base di un documento HTML:
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
</head>
<body>
<h1>Welcome to My Page</h1>
<p>This is the content of my web page.</p>
</body>
</html>
La dichiarazione doctype
La dichiarazione <!DOCTYPE html> compare all'inizio di ogni documento HTML. Indica al browser di aspettarsi HTML5, la versione più recente di HTML.
Pensatela come il punto di partenza della vostra ricetta HTML!
Il tag HTML
Il tag <html> è il contenitore principale di tutto il codice del documento. Indica al browser: «Tutto ciò che si trova qui dentro è HTML».
Ecco come si presenta:
<html>
<!-- All other HTML tags go here -->
</html>
La sezione head
La sezione <head> contiene informazioni sulla pagina web che non sono visibili nella pagina stessa. Ad esempio:
- titolo: il testo mostrato nella scheda del browser.
- metadati: informazioni aggiuntive, come la descrizione della pagina.
Esempio:
<head>
<title>My Cool Web Page</title>
</head>
La sezione body
La sezione <body> contiene tutto ciò che è visibile all'utente, come testo, immagini e collegamenti. È l'area principale dei contenuti.
Esempio:
<body>
<h1>Welcome!</h1>
<p>This is my awesome web page.</p>
</body>
Mettere tutto insieme
Ecco un esempio completo di documento HTML con tutte le parti appena imparate:
<!DOCTYPE html>
<html>
<head>
<title>All About Me</title>
</head>
<body>
<h1>Hi, I’m a Web Creator!</h1>
<p>This is my first structured HTML page.</p>
</body>
</html>
Ottimo lavoro!
Congratulazioni! Avete imparato la struttura di un documento HTML. Ora sapete come tutte le parti si integrano per creare una pagina web. Nella prossima lezione inizieremo ad aggiungere contenuti reali alle nostre pagine. Preparatevi a creare il vostro primo capolavoro web!
Impara HTML con un tutor IA — gratis
Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.
- Corsi
- 16
- Lezioni
- 35
Domande Frequenti
La lezione «Struttura HTML: gli elementi costitutivi» è gratuita?
Sì — il testo completo di «Struttura HTML: gli elementi costitutivi» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso HTML for Kids, passa a CoddyKit PRO. Il corso HTML for Kids include 4 lezioni in totale.
Cosa imparerò in «Struttura HTML: gli elementi costitutivi»?
Comprenda la struttura di base di un documento HTML. Eserciti HTML for Kids con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare HTML for Kids?
Non è richiesta alcuna esperienza precedente. HTML for Kids su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 4.
Quanto tempo richiede la lezione «Struttura HTML: gli elementi costitutivi»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione HTML for Kids?
Sì. Ogni lezione HTML for Kids include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Che cos'è HTML?
- Struttura HTML: gli elementi costitutivi
- Tag ed elementi HTML
- Configurare la prima pagina HTML