▧ Debug

Errori comuni dei principianti in HTML

Riconoscere e correggere errori frequenti: tag non chiusi, percorsi errati, attributi mancanti e struttura confusa.

Obiettivo della lezione

Riconoscere e correggere errori frequenti: tag non chiusi, percorsi errati, attributi mancanti e struttura confusa.

Spiegazione

Molti errori HTML non bloccano completamente la pagina: il browser prova a correggerli automaticamente. Questo però può creare comportamenti strani, layout imprevedibili e problemi quando si aggiunge CSS.

Imparare a controllare il codice è parte fondamentale del corso.

Idea chiave: in HTML devi scegliere il tag in base al significato del contenuto. La grafica verrà gestita in seguito con CSS.

Codice di esempio

Studia il blocco seguente e prova a copiarlo in un file HTML, modificando testi e contenuti.

<!-- Errore: manca la chiusura corretta -->
<p>Testo <strong>importante</p>

<!-- Corretto -->
<p>Testo <strong>importante</strong></p>

Errori comuni

  • Percorsi immagini sbagliati.
  • Tag aperti e mai chiusi.
  • Attributi scritti senza virgolette.
  • Nomi file con maiuscole/minuscole incoerenti.

Esercizio pratico

Crea una nuova pagina partendo dalla struttura base. Applica l’argomento di questa lezione a un contenuto reale: una pagina corso, una scheda personale o una piccola pagina informativa.

  1. Apri il tuo editor.
  2. Crea o aggiorna un file .html o .asp.
  3. Inserisci il codice della lezione.
  4. Modifica testi e attributi.
  5. Apri la pagina nel browser e controlla il risultato.

Lezioni collegate

Continua il laboratorio

Procedi con la lezione successiva oppure passa agli esercizi per consolidare subito i concetti.