▧ Testi

Titoli, paragrafi e testi in HTML

Organizzare i contenuti con titoli gerarchici, paragrafi, enfasi e interruzioni quando servono davvero.

Obiettivo della lezione

Organizzare i contenuti con titoli gerarchici, paragrafi, enfasi e interruzioni quando servono davvero.

Spiegazione

I titoli non servono solo a ingrandire il testo: servono a creare la struttura logica della pagina. Il tag h1 identifica il titolo principale, mentre h2 e h3 suddividono il contenuto.

I paragrafi si scrivono con p. Per evidenziare parole importanti si usano strong ed em, evitando di abusare del grassetto solo per ragioni estetiche.

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>Corso HTML5</h1>
<h2>Prima lezione</h2>
<p>In questa lezione impariamo la struttura dei testi.</p>
<p><strong>Importante:</strong> i titoli devono seguire un ordine logico.</p>

Errori comuni

  • Saltare da h1 a h4 solo per ottenere una dimensione diversa.
  • Usare br per creare spazi tra paragrafi.
  • Scrivere un’intera pagina senza titoli intermedi.

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.