HTML - Font & basefont

  »   HTML di base  »   HTML Tutorial - Using Font And Basefont Tag

L'etichetta <font> è utilizzata per modificare il tipo di testo, la dimensione e il colore. Utilizzando gli attributi "size", "color" e "face" è possibile modificare il testo mentre con <basefont> si può impostare colore, dimensione e stile di un intero testo.

Solitamente queste due tag non sono utilizzate così di frequente perchè CSS offre maggiori possibilità di modifica.

La dimensione del testo

Serve per impostare la dimensione del testo. I valori vanno da 1 a 7 e il valore standard è 3.

html<p><font size="5">La grandezza dei caratteri è 5</font></p>

Demo

La grandezza dei caratteri è 5

Il colore del testo

Imposta il colore del testo.

html<p>
	<font color="#990000">Questo testo ha un colore esadecimale di #990000</font><br />
	<font color="red">Questo testo è rosso</font>
</p>

Demo

Questo testo ha un colore esadecimale di #990000
Questo testo è rosso

Tipo di carattere

Serve a impostare il tipo di carattere. Puoi scegliere qualsiasi tipo di carattere che hai installato ma presta attenzione a quale carattere scegli perchè un eventuale utente che non ha quel tipo di carattere installato non potrà vedere quel tipo di testo. Il tipo di testo di default è "Times New Roman".

html<p><font face="Bookman Old Style, Book Antiqua, Garamond">Questo paragrafo ha i caratteri impostati attraverso l'attributo "face"</font><p>

Demo

Questo paragrafo ha i caratteri impostati attraverso l'attributo "face"

Basefont

Con l'attributo "basefont" è possibile impostera un valore di default per la tua pagina web diverso da quello standard.

html<html> 
	......
	<body>
		<basefont size="2" color="green">
		
			<p>Questo paragrafo è stato formattato con l'etichetta basefont</p>
			<p>Questo paragrafo è stato formattato con l'etichetta basefont</p>
      <p>Questo paragrafo è stato formattato con l'etichetta basefont</p>
			
		</basefont>
	</body>
</html>

L'uso di basefont è comunque sconsigliato e in futuro potrebbe anche essere rimosso dai comandi HTML. Si consiglia quindi l'utilizzo di CSS.

Attributi

Attributo="Valore"Descrizione
size="Valore numerico 1-7"Dimensione del testo, max 7
color="rgb,nome,o esadecimalel"Cambiare il colore
face=Tipo di carattereCambia il tipo di carattere

Esempio

html<p><font size="7" face="Georgia, Arial" color="maroon">C</font>Modifica il tuo testo in base ai tuoi desideri.</p>

Demo

CModifica il tuo testo in base ai tuoi desideri.