Imparare HTML è uno dei primi passi per chi vuole avvicinarsi al mondo della creazione di siti web. HTML (HyperText Markup Language) è il linguaggio di base che struttura i contenuti all’interno di una pagina web. Tra i primi dubbi che sorgono durante lo studio c’è proprio questo: come andare a capo in HTML?

In questa guida semplice e pratica vedremo insieme:

• Perché il tasto “Invio” non va a capo in HTML;
• I principali tag per andare a capo;
• Quando usare <br> e quando usare <p>;
• Alcuni consigli base per imparare HTML in modo corretto.

Perché il tasto Invio non va a capo in HTML?

A differenza di un normale editor di testo (come Word o Google Docs), HTML è un linguaggio di markup che descrive la struttura del contenuto. I browser web non interpretano gli “a capo” visivi del codice come interruzioni di riga. Anche se premi Invio nel file HTML, il testo continuerà ad essere visualizzato tutto su una riga, a meno che non indichi esplicitamente l’interruzione.

Esempio:

Questa è la prima riga.
Questa è la seconda riga.

Risultato sul browser:

Questa è la prima riga. Questa è la seconda riga.

Come vedi, le due righe vengono visualizzate come un unico blocco.

I tag HTML per andare a capo

Il tag <br> – Interruzione di riga

Se vuoi semplicemente inserire un “a capo” senza iniziare un nuovo paragrafo, puoi usare il tag <br>.

Esempio:

<p>Questa è la prima riga.<br>Questa è la seconda riga.</p>

Risultato:

Questa è la prima riga.
Questa è la seconda riga.

Nota importante: <br> è un tag “vuoto”, non richiede tag di chiusura.

Il tag <p> – Paragrafo

Se invece desideri separare i blocchi di testo in veri e propri paragrafi, il tag corretto è <p>...</p>. Oltre ad andare a capo, il browser inserisce anche uno spazio verticale tra i paragrafi.

Esempio:

<p>Questa è la prima riga.</p>
<p>Questa è la seconda riga.</p>

Risultato:

Questa è la prima riga.

Questa è la seconda riga.

Quando usare <br> e quando <p>

• Usa <br> per piccoli a capo all’interno dello stesso blocco di testo (ad esempio, indirizzi o poesie).
• Usa <p> per separare paragrafi distinti e rendere il testo più leggibile e strutturato.

Bonus: gestire spazi e tab in HTML

In HTML, anche gli spazi multipli e le tabulazioni vengono ignorati dal browser. Per aggiungere spazi extra puoi usare l’entità   (non-breaking space).

Esempio:

<p>Uno   Due</p>

Risultato:

Uno Due

Conclusione

Ora sai come andare a capo in HTML in modo corretto. Ricorda:

• <br> per le interruzioni di riga rapide;
• <p> per i paragrafi distinti.

Se stai iniziando a imparare HTML, padroneggiare questi semplici tag ti aiuterà a costruire basi solide per il tuo percorso nel web design.