Il testo
Considerazione tanto ovvia quanto scontata, il testo e' un elemento essenziale per lo scambio di informazione. A rigore potrebbe essere l'unico elemento presente in una ipotetica pagina web deputata al solo scambio di dati. Per raggiungere lo scopo e' sufficente battere sulla tastiera del nostro calcolatore:
| Il tag FONT |
Questa potrebbe essere l'impostazione di default del nostro browser, si tratta in questo caso del font (tipo di carattere) Times New Roman. Ma possiamo fare molto per cambiare questa impostazione ricorrendo al tag <FONT>. Ecco un esempio:
Testo dimostrativo
Ecco il codice utilizzato:
<FONT FACE=verdana SIZE=2>Testo dimostrativo</FONT>
Testo dimostrativo
<FONT FACE="comic sans ms,arial" SIZE=2>Testo dimostrativo</FONT>
Questo avrebbe permesso al browser di impostare l'Arial nel caso il Comic Sans Ms non fosse disponibile. Si notino le virgolette a racchiudere i nomi dei font, questo e' uno dei rari casi che in cui si rende necessario il loro uso.
* In generale le virgolette sono indispensabili quando un attributo (FACE) contiene piu' di un valore, oppure quando un nome di file e' interrotto da uno spazio bianco (mia pagina.html).
Volendo, possiamo anche cambiarne il colore:
Testo dimostrativo
In questo modo:<FONT FACE="arial,verdana" SIZE=2 COLOR=blue>Testo dimostrativo</FONT>
E la dimensione:
Testo dimostrativo
<FONT FACE="arial,verdana" SIZE=4 COLOR=blue>Testo dimostrativo</FONT>
Si noti che abbiamo impostato SIZE al valore 4. La gamma di di valori che possiamo dare all'attributo SIZE spazia da 1 a 7.
| Il tag H |
Ma esiste un altro modo per variare le dimensioni del testo ricorrendo all'uso del tag <H>
<H6> |
Testo dimostrativo |
</H6> |
<H5> |
Testo dimostrativo |
</H5> |
<H4> |
Testo dimostrativo |
</H4> |
<H3> |
Testo dimostrativo |
</H3> |
<H2> |
Testo dimostrativo |
</H2> |
<H1> |
Testo dimostrativo |
</H1> |
Ecco un elenco delle regole a cui si deve sottostare facendo uso del tag <H>:
- inanzitutto, contrariamente al tag <FONT>, aumentando il valore diminuisce la dimensione del testo
- la scala dei valori va da 1 a 6
- viene automaticamente inserita una riga vuota al disotto del testo interessato
| Altre possibilita' di modifica |
Ma non e' finita. HTML ci mette a disposizione altri elementi per variare le dimensioni e l'aspetto del testo:
questo testo non e' influenzato
<SMALL> questo testo e' influenzato da SMALL </SMALL>
<BIG> questo testo e' influenzato da BIG </BIG>
Seguono vari tag che ci permettono di adeguare il testo ai nostri scopi:
<B> grassetto </B>
<U> sottolineato </U>
<S> barrato </S>
<I> corsivo </I>
<TT>monospaziato</TT>
E per finire, un elemento in verita' assai poco usato.
L'attributo TEXT, che ci permette di definire il colore del testo di tutta la pagina una volta inserito all'interno del tag <BODY>.
<BODY TEXT=red> in questo esempio tutto il testo della pagina sarà di colore rosso.