domenica 1 gennaio 2012

Lezioni di html/css #02: Font parte seconda!

Abbiamo imparato a creare un minimo di titolo, adesso passiamo alla formattazione del resto del testo!
Per prima cosa cambiamo il tipo di font in questo modo:
<font face="Georgia">Questo è un testo di prova.</font>
Risultato: Questo è un testo di prova.

Adesso invece vogliamo renderlo giustificato e per fare ciò ricorriamo alla nostra vecchia conoscenza: il tag div. Quindi scriveremo:
<div align="center"><font face="Georgia">Questo è un testo di prova.</font></div>

Come facciamo ora a provarlo per vedere se funziona? Utilizziamo un testo più corto ed un'area più piccola specificando al div la larghezza in pixel che deve assumere, in questo modo:
<div align="justify" style="width: 150px"><font face="Georgia">Questo è un testo di prova per vedere se il codice scritto fino ad ora funziona correttamente.</font></div>
Risultato:
Questo è un testo di prova per vedere se il codice scritto fino ad ora funziona correttamente.

Funziona! Adesso il tocco finale, stabiliamo un colore di sfondo per la nostra area: un grigio chiaro:
<div align="justify" style="width: 150px; background-color: #eeeeee"><font face="Georgia">Questo è un testo di prova per vedere se il codice scritto fino ad ora funziona correttamente.</font></div>
Questo è un testo di prova per vedere se il codice scritto fino ad ora funziona correttamente.

E anche per oggi la lezione è terminata! Alla prossima!

Nessun commento:

Posta un commento