4.2 - I paragrafi e le interruzioni di riga

E' necessario utilizzare un tag per rinserire un'interruzione di riga o una riga vuota, perche' altrimenti i browser ignorano le interruzioni di riga nel testo.

I tag di paragrafo <p> e di interruzione riga <br /> sono due modi per controllare le righe nel testo.

Il tag di paragrafo <p> interrompe la riga corrente ed inserisce una riga vuota. Ad esempio:


Mary had a little lamb, <p> its fleece was white as snow </p>


potrebbe essere visualizzato cosi':


Mary had a little lamb,

its fleece was white as snow


Il tag di paragrafo non puo' venire utilizzato per ottenere un'interruzione di riga senza la riga vuota precedente. Per questo motivo HTML include il tag di interruzione <br />: questo tag e' simile al tag <p> con l'eccezione che non viene inserita una riga vuota. Ad esempio la riga:


Mary had a little lamb, <br /> its fleece was white as snow


potrebbe essere visualizzato cosi':


Mary had a little lamb,
its fleece was white as snow


Il tag <br /> si differenzia dal tag <p> perche' non e' appaiato ad un tag di chiusura, dato che non ha un contenuto (lo spazio prima dello slash indica l'assenza di contenuto)

Si osservi la differenza di comportamento tra il tag <br> e il tag (vuoto) <br />. Ad esempio le righe:


Mary had <br> a little lamb. </br> Its fleece was white ...

Mary had <br /> a little lamb. <br /> Its fleece was white ...

Mary had <br /> a little lamb. Its fleece was white ...


vengono rese nel modo seguente


Mary had
a little lamb.
Its fleece was white ...

Mary had
a little lamb.
Its fleece was white ...

Mary had
a little lamb. Its fleece was white ...


Si osservi inoltre come la sequenza vuota dei tag <br></br> corrisponda al tag di inizio paragrafo <p>.

Ad esempio, la riga:


Mary had <br></br> a little lamb. Its fleece was white ...


viene resa nel modo seguente


Mary had

a little lamb. Its fleece was white ...