0Pricing
HTML for Kids · Lezione

Tag ed elementi HTML

Scopra che cosa sono i tag e gli elementi e come funzionano.

Tag ed elementi HTML è una lezione HTML for Kids gratuita su CoddyKit. Questa è la lezione 3 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.

Tag ed elementi HTML

Benvenuti nella prossima lezione! Oggi impareremo a conoscere i tag e gli elementi HTML. Sono gli elementi fondamentali di ogni pagina web che creerete.

Tag ed elementi HTML — illustrazione 1

Che cosa sono i tag HTML?

I tag HTML sono parole chiave speciali racchiuse tra parentesi angolari <>. Indicano al browser che cosa fare con il contenuto al loro interno.

Esempio di tag:<h1>

I tag di solito vengono usati in coppia: un tag di apertura e un tag di chiusura.

Esempio:

<h1>Hello</h1>

Che cosa sono gli elementi HTML?

Un elemento HTML è formato da un tag di apertura, un contenuto e un tag di chiusura.

Ad esempio:

<h1>Welcome to My Page</h1>

Tipi di tag

Esistono due tipi principali di tag:

  • tag con apertura e chiusura: hanno sia un tag di apertura sia uno di chiusura. Esempio: <p>Paragraph</p>
  • tag autoconsistenti: non richiedono un tag di chiusura. Esempio: <img />

Tag utilizzati più frequentemente

Ecco alcuni tag HTML di base che userete spesso:

  • <h1> to <h6>: titoli, dal più grande al più piccolo
  • <p>: paragrafo
  • <a>: collegamento
  • <img>: immagine
  • <br>: interruzione di riga

Vediamo un esempio:

<h1>Welcome!</h1>
<p>This is a paragraph of text.</p>
<a href="https://example.com">Click here</a>
<img src="image.jpg" alt="An example image" />
<br />

Attributi nei tag

Gli attributi forniscono informazioni aggiuntive su un elemento. Si inseriscono nel tag di apertura.

Esempio:

<a href="https://example.com" 
target="_blank">Visit Example</a>

Annidare i tag

È possibile inserire un tag all'interno di un altro. Questa operazione si chiama annidamento.

Esempio:

<p>This is a <strong>bold</strong> word.</p>

Ordine di chiusura dei tag annidati

Ricordate: chiudete sempre il tag interno prima di chiudere quello esterno.

Esempio: mettere tutto insieme

Ecco un esempio che combina tutto ciò che abbiamo imparato:

<!DOCTYPE html>
<html>
  <head>
    <title>My HTML Example</title>
  </head>
  <body>
    <h1>Welcome to My Web Page</h1>
    <p>This is a <strong>simple</strong> paragraph of text.</p>
    <a href="https://example.com" target="_blank">Click here to learn more</a>
    <br />
    <img src="image.jpg" alt="A beautiful view" />
  </body>
</html>

Ottimo lavoro!

Congratulazioni! Avete imparato a conoscere tag, elementi, attributi e annidamento HTML. Sono gli elementi fondamentali di ogni pagina web che creerete. Nella prossima lezione scriveremo la vostra prima pagina HTML con contenuti reali!

Tag ed elementi HTML — illustrazione 11

Domande Frequenti

La lezione «Tag ed elementi HTML» è gratuita?

Sì — il testo completo di «Tag ed elementi HTML» è 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 «Tag ed elementi HTML»?

Scopra che cosa sono i tag e gli elementi e come funzionano. 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 3 di 4.

Quanto tempo richiede la lezione «Tag ed elementi HTML»?

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

  1. Che cos'è HTML?
  2. Struttura HTML: gli elementi costitutivi
  3. Tag ed elementi HTML
  4. Configurare la prima pagina HTML
← Torna a HTML for Kids