PROGRAMMIAMO
HTML - Paragrafo
Paragrafo <p>

Descrizione identifica un paragrafo (logico)
Tipo elemento contenitore di blocco

Un paragrafo è una porzione di testo delimitata dai tag <p> e </p>. Esempio:

<p> Questo è un paragrafo </p>

Il tag <p>, oltre ad individuare logicamente un paragrafo, indica al browser la necessità di rendere visibile e separato questo blocco logico. Solitamente i browser realizzano questa suddivisione inserendo una linea vuota prima e dopo il paragrafo.

Per esempio il testo seguente:

<p> Questo è il primo paragrafo: si osservi come tutto il testo viene visualizzato in un blocco compatto e senza interruzioni. </p>
<p> Questo è il secondo paragrafo: osservate l'interruzione (linea vuota) che separa i due paragrafi. </p>

Viene visualizzato nel browser nel seguente modo:

Questo è il primo paragrafo: si osservi come tutto il testo viene visualizzato in un blocco compatto e senza interruzioni.

Questo è il secondo paragrafo: osservate l'interruzione (linea vuota) che separa i due paragrafi.

Allineare il testo nei paragrafi

Il testo in un paragrafo può essere allineato in tre modi:

Qui sotto è mostrato l'effetto dei tre diversi tipi di allineamento:

Questo testo è allineato a sinistra. Questo testo è allineato a sinistra. Questo testo è allineato a sinistra. Questo testo è allineato a sinistra.

Questo testo è allineato a destra. Questo testo è allineato a destra. Questo testo è allineato a destra. Questo testo è allineato a destra.

Questo testo è allineato al centro. Questo testo è allineato al centro. Questo testo è allineato al centro. Questo testo è allineato al centro.

Questo testo è giustificato. Questo testo è giustificato. Questo testo è giustificato. Questo testo è giustificato.

Nelle vecchie versioni di html esisteva un attributo align, attualmente deprecato. In html 5 (e in html 4.01 con DTD di tipo strict)  per allineare il testo di un paragrafo bisogna usare l'attributo style="text-align:center in questo modo (per esempio per centrare):

<p style="text-align:right"> Testo centrato </p>

Il metodo mostrato qui sopra è quello attualmente preferito e fa uso degli stili di cui parleremo più avanti dettagliatamente.

 

precedente - successiva

Sito realizzato in base al template offerto da

http://www.graphixmania.it