La formattazione dei testi
Nella scorsa lezione abbiamo visto i link, andiamo adesso a vedere la formattazione dei testo. Nella prima lezione abbiamo visto il funzinamento del tag <p>, quello che serve per dividere i testi in paragrafi. Il borwser solitamente di default visualizza i paragrafi allineati a sinistra, ma come possiamo fare se volessimo allineare al centro, o a destra, o a sinistra il testo? Bene apriamo il Blocco Note e incominciamo a scrivere la nostra pagina HTML come abbiamo imparato:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Allineamento dei Testi</title> </head> <body> <p>Questo testo verrà visualizzato secondo le impostazioni di default del browser</p> <p align="center">Questo è un testo allineato al centro</p> <p align="right">Questo è un testo allineato a destra</p> <p align="left">Questo è un testo allineato a sinistra</p> </body> </html>
Salviamo la pagina e visualizziamola nel browser.
Vediamo ora quale attributo del tag <p> abbiamo usato.
<p align="...">...</p>
Abbiamo utilizzato l'attributo align per impostare l'allineamento del testo
all'interno del tag <p>. Utilizzando align="center" avremo un testo allineato
al centro, utilizzando align="right" avremo un testo allineato a destra, utilizzando
align="left" avremo invece un testo allineato a sinistra. È molto semplice vero?
Scrivendo pagine HTML vi accorgerete di sicuro che il browser quando visualizza la pagina non tiene conto se lasciate più di uno spazio. Se ad esempio lasciamo sette spazi, verrà sempre visualizzato un unico spazio. Lo stesso succede quando premete invio per andare a capo. Per risolvere questo "problema" ci vengono incointro due tag:
<br>
Il tag <br> è un tag vuoto, non ha quindi bisogno del tag di chiusura. Viene utilizzato per
fare andare a capo i testi prima che incontrino la fine della finestra del browser.
Questo non è un tag ma un carattere speciale che permette di lascaire più di uno spazio
fra le parole.
Adesso vediamo il loro funzionamento. Scrivaimo la nostra pagina e mettiamo tra i tag <body> e </body> questo codice:
Proviamo a madare a capo i testi<br> Vedete questo testo è andato a capo!<br> Adesso lasciamo tutti gli spazi che vogliamo tra le parole.
Salvate ora la pagina e visualizzatela nel browser.
Avete visto? Siamo riusciti a mandare a capo i testi nel punto un cui volevamo e siamo
riusciti a lasciare più di uno spazio.
