|
Webmastering by Emiliano ©Unsito.it
Lezione n.4
Il corso di HTML: Tipi di carattere
La lezione di oggi riguarda il tag che permette di scegliere il tipo di carattere utilizzato per una pagina internet: il tag <FONT>.
Grazie a questo tag e' possibile definire il tipo di scrittura che verra' visualizzata nella pagina che vogliamo realizzare (dal corsivo allo stampatello, dal tipo di carattere alla sua dimensione e cosi' via). Per farlo dobbiamo inserire il tag <FONT> all'interno del body; questo si serve di 3 attributi fondamentali: FACE, SIZE e COLOR.
Il primo, FACE, permette di scegliere il tipo di font usato: Arial, Times, Comic Sans..., il secondo, SIZE, la grandezza di questo, con valori da 1 a 7. COLOR ovviamente indica il colore del testo utilizzando la codifica RGB (Red, Green, Blu)
Si possono cambiare quanti font si vogliono all'interno di una stessa pagina, l'importante e' non dimenticarsi di chiudere il tag aperto.
Ma vediamo un esempio.
Supponiamo di voler costruire una pagina che cambi font ad ogni riga, la sintassi corretta sara':
<HTML>
<HEAD> <!-- Intestazione pagina -->
</HEAD>
<BODY>
<FONT FACE="Arial" SIZE="4" COLOR="#FFFFFF">
Sto scrivendo con il FONT Arial a grandezza 4!
</FONT>
<BR> <!-- Comando di interruzione riga -->
<FONT FACE="Comic Sans Ms" SIZE="5" COLOR="#FF0000">
Sto scrivendo con il FONT Comic Sans Ms a grandezza 5!
</FONT>
<BR> <!-- Comando di interruzione riga -->
<FONT FACE="Times New Roman" SIZE="6" COLOR="#FFFFFF">
Sto scrivendo con il FONT Times New Roman a grandezza 6!
</FONT>
</BODY>
</HTML>
Copia ed incolla, come al solito, il codice qui sopra in un file testo nella cartella di esercizi ed eseguilo con il browser (per semplicita' chiamalo 'provafont.html'): il risultato saranno 3 righe, ognuna con un font diverso e varie grandezze.
A te ora esercitarti con altri font!
Se tutto e' andato bene, il risultato dovrebbe essere questo:
Sto scrivendo con il FONT Arial a grandezza 4!
Sto scrivendo con il FONT Comic Sans Ms a grandezza 5!
Sto scrivendo con il FONT Times New Roman a grandezza 6!