HTML ASP-VBscript Le Razze Canine Cinema Escursioni Forum Area Blog Ultimi Articoli!
Vai in Home Page  |  Indice della Guida Semplice al linguaggio HTML

HTML: ALLINEAMENTO DEL TESTO

Come allineare i blocchi di testo in base alle esigenze

Utilizzare gli strumenti HTML per centrare, allineare a sinistra o a destra il proprio testo

Abbiamo già studiato i codici HTML fondamentali ed abbiamo cominciato a prendere in considerazione le varie opzioni per migliorare l'aspetto e l'impatto delle nostre pagine web. Pur non avendo affrontato questioni piu' complesse che forse riguardano soltanto i professionisti o coloro che aspirano a diventarlo, non dovete stupirvi se arrivati a questo punto conoscete già buona parte dell'HTML strettamente necessario per pubblicare un sito internet.

Nell'ottica del perfezionamento passiamo ora a studiare gli allineamenti del testo, ossia quei TAG (codici) che ci consentono di orientare i blocchi di testo a destra, a sinistra o di ottenere delle centrature utili per i titoli.

I TAG comunemente piu' utilizzati per ottenere questi effetti sono <P></P> e <DIV></DIV> associati al parametro align (allineamento).
Il parametro align è contenuto all'interno dei TAG <P></P> e <DIV></DIV> e si differenzia in questo modo:

  • align="left"   (allineamento a sinistra)
  • align="right"   (allineamento a destra)
  • align="center"   (allineamento al centro)
Come da abitudine facciamo subito degli esempi chiari e semplici:

<DIV align="left">Questo testo è allineato a sinistra"</DIV>

<DIV align="right">Questo testo è allineato a destra"</DIV>

<DIV align="center">Questo testo è allineato al centro"</DIV>


il risultato HTML per il TAG DIV:

Questo testo è allineato a sinistra
Questo testo è allineato a destra
Questo testo è allineato al centro


proviamo a sostiruire il TAG DIV con il TAG P:

<P align="left">Questo testo è allineato a sinistra"</P>

<P align="right">Questo testo è allineato a destra"</P>

<P align="center">Questo testo è allineato al centro"</P>


il risultato HTML per il TAG P:

Questo testo è allineato a sinistra

Questo testo è allineato a destra

Questo testo è allineato al centro



L'unica differenza è la maggiore spaziatura tra le 3 righe, il DIV comporta un solo "a capo" il P comporta due "a capo". Il resto è del tutto identico.

Indice