Formattazione del testo

Vediamo quali sono i tag HTML che permettono di impostare l'estetica del vostro testo e quali sono i pro e contro.

Iniziamo su come si imposta il colore e la dimensione del testo ed anche il  font (che è la forma del carattere).

IL tag in oggetto è font e usa color per la definizione del colore size per la definizione delle dimensioni
e face per il carattere, o font.

Vediamo un esempio:

<p>
<font color="#FF0000" size="2" face="Comic sans ms">
Testo da visualizzare
</font>
</p>

I valori di default assegnati all'elemento testo, se non diversamente specificati, sono:

<font color="#000000" size="3" face="Times New Roman">

Si consiglia di utilizzare i codici esadecimali per il colore ma si può anche usare il nome in inglese del colore voluto.

<font color="blue" size="3" face="Times New Roman">

E' importante usare un carattere presente di default su tutti i computer, come ad esempio:

Comic sans ms 
Thaoma
SansSerif
Verdana

Utilizzando un carattere più bello ma troppo particolare i visitatori che non hanno quello stesso font installato, non vedranno la pagina come noi vorremmo, ma potrebbero vederla deformata o spaginata.


Vediamo adesso gli elementi grassetto, corsivo e sottolineato.

 

<p>
<b>Testo in grassetto</b>
<br>
<i>Testo corsivo</i>
<br>
<u>Testo sottolineato</u>
</p>

Al posto di b per il grassetto possiamo utilizzare strong come nell'esempio che segue:

<p><strong>Testo in grassetto</strong></p>

Si preferisce l'utilizzo di b e strong ai fini di marcare le parole chiave che sono importanti per l'indicizzazione nei motori di ricerca.

IL tag i imposta il testo in corsivo (italic) ed il tag u (underline) sottolinea il testo, ma ne sconsiglio l'uso perchè rende il testo simile ad un link, ed il fatto che non sia cliccabile (non essendo un link) potrebbe generare confusione al visitatore. Fate qualche prova con il nostro file "nuovo.html" apritelo con il bloc note di window e fate copia e incolla di questi codici prima del tag di chiusura /body chiudete salvate e doppio clik sul file per rivederlo

«indietro|avanti»

 

ShareThis