▧ Fondamenti

Cos’è HTML5 e a cosa serve

Capire il ruolo di HTML5 nella costruzione di una pagina web e distinguere struttura, stile e comportamento.

Obiettivo della lezione

Capire il ruolo di HTML5 nella costruzione di una pagina web e distinguere struttura, stile e comportamento.

Spiegazione

HTML è il linguaggio che descrive la struttura dei contenuti di una pagina web. Con HTML5 possiamo indicare titoli, paragrafi, immagini, link, sezioni, form, audio, video e molti altri elementi. Non serve per “disegnare” la pagina: quello è compito del CSS. Non serve nemmeno per programmare comportamenti complessi: quello è compito di JavaScript.

Un buon documento HTML è ordinato, leggibile e semantico: ogni elemento viene scelto per il suo significato, non solo per l’aspetto che produce nel browser.

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.

<h1>Titolo principale</h1>
<p>Questo è un paragrafo di testo.</p>

Errori comuni

  • Confondere HTML con CSS: HTML struttura, CSS impagina.
  • Usare tag solo perché “sembrano belli” senza curare il significato.
  • Scrivere tutto dentro un unico blocco senza titoli, sezioni e ordine logico.

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.