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">.