Formattazione del testo

La formattazione del testo eseguita direttamente in HTML è una pratica diventata ormai obsoleta e si consiglia di ricorrere ai fogli di stile CSS.

Vediamo in ogni caso quali sono i tag HTML che premettono di formattare il testo, spiegando se usarli o meno e quali sono pro e contro.

Iniziamo con l'assegnazione di colore, dimensione del testo e font (o carattere) da utilizzare.

Il tag in oggetto è font e supporta gli attributi color per la definizione del colore qui una tabbella con tutti i colori, size per la definizione delle dimensioni del testo e face per la scelta del carattere, o font a questo punto, da utilizzare.

Vediamo un esempio pratico:

<p>
<font color="#FF0000" size="2" face="Verdana">
Testo da formattare
</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 ed un carattere presente per default su tutti i computer, come ad esempio:

Arial
Thaoma
SansSerif
Verdana

Utilizzando un carattere particolare si corre il rischio che molti browser che non hanno quel font installato non vedono la pagina come noi vorremmo.

Ripeto comunque il concetto che il tag font è caduto in disuso a vantaggio dell'utilizzo dei CSS.

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 consiglia l'utilizzo di b e strong anche ai fini della marcatura di parole chiave importanti per l'indicizzazione nei motori di ricerca.

Il tag i imposta il testo in corsivo (italic, anch'esso utile ai fini del Web marketing) ed il tag u (underline) sottolinea il testo, ma se ne sconsiglia l'utilizzo perchè rende il testo simile ad un link, ed il fatto che non sia cliccabile (non essendo un link) potrebbe essere disorientante per gli utenti.

Torna indietro