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:
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.
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):
Il metodo mostrato qui sopra è quello attualmente preferito e fa uso degli stili di cui parleremo più avanti dettagliatamente.
Sito realizzato in base al template offerto da
http://www.graphixmania.it