Logo Vallepiatta
 

L'allineamento del testo


Questo paragrafo standard cio allineato a sinistra ed senza rientro.

Questo paragrafo allineato a destra.

Questo invece centrato.

Questo paragrafo giustificato; cio il paragrafo allineato sia a destra che a sinistra, come potete ben vedere. Osservate inoltre che il tipo di carattere scelto il "Courier New" che un carattere a dimensione fissa (10 pixels in questo caso) e non proporzionale come il "Times New Roman". 

Osservate infine che questo paragrafo ha un rientro iniziale della prima riga di tre caratteri (30 pixels): confrontatelo con il primo paragrafo che non ha rientro.

CODICE HTML UTILIZZATO


<html>

<head>

<title>3) L'allineamento del testo</title>

</head>

<body>

<h1 align="center"><font face="Courier New">L'allineamento del testo</font></h1>

<hr>

<p><font face="Courier New" size="2">Questo paragrafo standard cio allineato a sinistra ed senza rientro.</font></p>

<p align="right"><font face="Courier New" size="2">Questo paragrafo allineato a destra.</font></p>

<p align="center"><font face="Courier New" size="2">Questo invece centrato.</font></p>

<p align="justify" style="text-indent: 30"><font face="Courier New" size="2">Questo paragrafo giustificato; cio il paragrafo allineato sia a destra che a sinistra, come potete ben vedere. Osservate inoltre che il tipo di carattere scelto il &quot;Courier New&quot; che un carattere a dimensione fissa (10 pixels in questo caso) e non proporzionale come il &quot;Times New Roman&quot;.&nbsp;</font></p>

<p align="justify" style="text-indent: 30"><font face="Courier New" size="2">Osservate infine che questo paragrafo ha un rientro iniziale della prima riga di tre caratteri (30 pixels): confrontatelo con il primo paragrafo che non ha rientro.</font></p>

</body>

</html>


COMMENTO

Questo esempio vi insegna l'uso dei paragrafi <p>, del tipo dei caratteri <font>, dell'allineamento <p align="xxxx"> e del rientro della prima riga <p style="text-indent: xx">.