Come fare un paragrafo in HTML con il tag P

Nel linguaggio HTML un paragrafo è un testo compreso tra un tag di apertura <p> e un tag di chiusura </p>.

<p>...</p>

Il tag <p> ( paragrafo ) è uno dei principali tag di formattazione del testo del linguaggio HTML.

A cosa serve il tag P

Il paragrafo è utilizzato soprattutto per agevolare la lettura di un testo tramite il web browser.

La lettura di un testo online sul monitor del PC è decisamente molto più stancante rispetto a quella su un libro.

L'uso dei paragrafi è molto utile perché suddividono il testo in blocchi, separati tra loro da un'interlinea bianca, ognuno dei quali contiene un particolare aspetto del discorso.

I paragrafi rendono più facile la lettura dei contenuti in una pagina web.

Un esempio pratico

Un esempio di paragrafo nel linguaggio HTML è il seguente.

<p>Questo è il primo paragrafo</p>
<p>Questo è il secondo paragrafo paragrafo</p>

La visualizzazione sul browser è la seguente:

Questo è il primo paragrafo

Questo è il secondo paragrafo

Come allineare il testo in Html

Il tag P consente anche l'allineamento del testo a destra, a sinistra o al centro.

Generalmente i paragrafi sono allineati a sinistra.

Per fare un allineamento al centro o a destra, devo specificarlo nell'attributo ALIGN all'interno del tag di apertura <p>.

L'attributo ALIGN ammette tre valori: center ( centro ), left ( sinistra ), right ( destra ).

<p align=center>Questo è un esempio di paragrafo allineato al centro</p>

L'output sul browser è il seguente:

Questo è un esempio di paragrafo allineato al centro

E' meglio il tag P o BR

In alternativa al paragrafo è possibile separare i contenuti testuali di una pagina web tramite il tag <br> di interruzione riga.

Questa è la prima frase<br>
Questa è la seconda frase

Il risultato finale è simile.

Questa è la prima frase
Questa è la seconda frase

Tuttavia, per i paragrafi è meglio usare il tag <p> perché dà al contenuto un'organizzazione più logica.

Inoltre, i tag P gestiscono meglio la formattazione del testo con i fogli di stile a cascata CSS ( Cascading Style Sheet ).