HTML: gli stili del testo

Gli stili del testo

Per formattare un testo di una pagina HTML possiamo utilizzare molti TAG, passati indenni dai vari cambiamenti delle versioni del linguaggio HTML. Possiamo suddividere gli stili del testo di una pagina web in due gruppi:

Stili fisici: servono per definire graficamente un testo

<b>testo in grassetto</b>

testo in grassetto

<i>testo in corsivo</i>

testo in corsivo

<pre>testo preformattato</pre>

quando si vuole inserire un testo così come si è scritto, per esempio quando si vuole inserire una parte di codice a scopo esplicativo, senza che il web browser  lo esegua:

PHP_FUNCTION
{
   zval **parameters;
   zval *value;
   char* str; }

<u>testo sottolineato</u>

testo sottolineato

<strike>testo barrato</strike>

testo barrato

<sup>testo in apice</sup>

m2

<sub>testo in pedice</sub>

H2O

Stili Logici: sono utilizzati per dare informazioni sul contenuto e sulla loro formattazione, alcuni  sono però poco utilizzati perchè consentono una scarsa resa grafica, la stessa formattazione del testo puo facilmente essere costruita con il codice CSS (CSS: formattazione del testo):

<abbr>abbreviazione</<abbr>

<acronym>acronimo</acronym>

<address>indirizzo</address>

<blockquote>blocco di citazione</blockquote>

<cite>citazione</cite>

<code>codice</code>

<dfn>definizione</dfn>

<em>enfasi</em>

<kbd>keyboard</kbd>

<q>citazione all’interno della frase</q>

<samp>esempio</samp>

<strong>rafforzamento</strong>

<var>variabile</var>

 

Per assegnare un FONT ad un testo in HTML viene utilizzato il TAG FONT con l'attributo FACE

<font face="Geneva">

testo in geneva

L'utilizzo di questo TAG è entrato in disuso, in quanto con il codice CSS è possibile assegnare al testo delle caratteristiche più complesse, in particolare si possono utilizzare altre famiglie di font grazie alla directory (Google Fonts), che Google ha messo a disposizione on line per i web designer. (CSS: formattazione del testo)

Nell'attributo FACE del TAG FONT è possibile inserire altri font, per permettere al browser di utilizzare il Font sostitutivo al posto del primo nel momento in cui questo non è presente nella cartella CARATTERI del sistema operativo dell' utente. E' possibile anche specificare se il font deve avere o meno 'le grazie' (Serif, sans-serif):

<font face=”Verdana, Arial, Helvetica, sans-serif”>Verdana e caratteri simili</font>

testo in Verdana e caratteri simili

Altri  attributi importanti del TAG FONT sono COLOR, che ci permette di colorare il testo:

<font color="#ff0000">testo rosso</font>

testo rosso

e SIZE, che ci consente di determinarne la grandezza che può andare da 1 a 7, anche se con i codici CSS possiamo fare sicuramente di meglio! (CSS: formattazione del testo)

<font size="7">testo di grandezza 7</font>

testo di grandezza 7