|
|||||
| |||||
 Tutorial Html - Lezione 3 - Formattazione testiDunque, nella scorsa lezione abbiamo capito come utiliazzare i link, andiamo adesso a vedere un altro punto fondamentale dell'html, la formattazione del testo. Nella prima lezione abbiamo visto il funzinamento del tag <p>, quello che serve per dividere i testi in paragrafi. Il browser di default di solito visualizza i paragrafi allineati a sinistra. Bene, ora capirete come posizionarlo al centro o magari anche a destra: apriamo il Blocco Note e incominciamo a scrivere la nostra pagina HTML come abbiamo imparato: <html> <head> <title>Formattazione Testi</title> </head> <body> <p>Il vostro testo</p> <p align="center">Questo e' un testo allineato al centro</p> <p align="right">Questo e' un testo allineato a destra</p> <p align="left">Questo e' 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. e' molto semplice vero? Scrivendo pagine HTML vi accorgerete di sicuro che il vostro browser quando visualizza la pagina non tiene conto se lasciate piu' di uno spazio. Se ad esempio lasciamo sette spazi, verra' 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> e' 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 e' un tag ma un carattere particolare, il quale ci permette di lasciare piu' di uno spazio fra le parole. Adesso vediamo il loro funzionamento. Scriviamo la nostra pagina e mettiamo tra i tag <body> e </body> questo codice: Proviamo a madare a capo i testi<br> Vedete questo testo e' andato a capo!<br> Adesso lasciamo tutti gli spazi che vogliamo tra le parole. Come vedrete, amici, il testo risultera' formattato come voi volevate. Ora fate delle prove, il miglior modo per impararare veloce, e dopo seguiteci con la prossima lezione.
|
30-03-2008, 14:49
