lezioni sui siti web.                          prof.Romei Michele

<p>...</p>

L'elemento <p> specifica un paragrafo di testo, ha come attributo align che permette di allineare il testo in quattro possibili modi: center, left, right, justify, rispettivamente per: Centrato, a sinistra, a destra e giustificato. Viene adoperato prevalentemente con l'attributo class che richiama una classe di style in modo da avere paragrafi con: font, colori, dimensioni e formattazioni personalizzate. Si veda a questo proposito le spiegazioni relative ai fogli di stile. Questo tag necessita del relativo tag di chiusura </p>

<p align="left">Questo paragrafo è allineato a sinistra.</p>
<p align="right">Questo paragrafo invece è allineato a destra.</p>
<p align="center">Questo paragrafo è allineato al centro.</p>
<p align="justify">Questo paragrafo invece è allineato al centro con giustificazione, che cosa è la giustificazione ? Guardate attentamente i due margini, destro e sinistro, come potete notare il testo è allineato sia a destra che a sinistra; per fare questo il comando aggiunge in automatico degli spazi fra le parole.</p>

risultato:

Questo paragrafo è allineato a sinistra.

Questo paragrafo invece è allineato a destra.

Questo paragrafo è allineato al centro.

Questo paragrafo invece è allineato al centro con giustificazione, che cosa è la giustificazione ? Guardate attentamente i due margini, destro e sinistro, come potete notare il testo è allineato sia a destra che a sinistra; per fare questo il comando aggiunge in automatico degli spazi fra le parole.

Consiglio, è preferibile ridefinire il tag <p> all'interno di un foglio di stile (CSS) o creare una apposita classe ed inserire tutte le varie personalizzazioni, basterà poi richiamare questa classe ogni volta che serve per avere lo stesso risultato uguale su tutti i paragrafi della pagina web.

Esempio (questa parte è intuibile, ma si rimanda la teoria quando vedremo i CSS) :

<style type="text/css">
p{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 16pt;
color: #006400;
text-indent: 12pt;
}

</style>

E' importante sapere che il testo viene scritto senza rispettare i ritorno a capo e lo spazio è sempre di un carattere (provare per credere). Per andare a capo uso l'attributo <br> mentre per scrivere il testo uguale a come viene scritto uso l'attributo seguente <pre>

<pre>...</pre>

L'elemento <pre> specifica un blocco di testo preformattato, cioè rispetta gli spazi e i ritorni a capo del testo così come viene scritto. Questo tag necessita del relativo tag di chiusura </pre>

esempio

<pre>Questo è un testo preformattato

che manterrà una certa spaziatura indipendentemente

dai vari parametri di pagina</pre>

risultato :

Questo è un testo preformattato

che manterrà una certa spaziatura indipendentemente
dai vari parametri di pagina