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