Abbiamo già visto nel capitolo precedente alcuni tag di formattazione del testo; ma è possibile formattare anche una pagina o ad esempio una tabella... Vediamo qualche esempio:
Un primo esempio potrebbe essere quello di cambiare il colore dello sfondo della pagina; innanzitutto ad ogni colore corrisponde un codice di 6 caratteri ( numeri o lettere ), preceduti dal carattere #; la tabella seguente mostra chiaramente il codice corrispondente ad ogni colore:
Talvolta, per identificare un particolare colore, vengono usate delle parole che definiscono i colori della palette VGA standard di Windows:
black | navy | blue | maroon | purple | green | red | teal | fuchsia | olive | gray | lime | aqua | silver | yellow | white
L'ordine è quello dei colori visualizzati nell'immagine.
Quindi se volessimo impostare uno sfondo della pagina, letto il codice, scrivo nel tag BODY:
| <BODY BGCOLOR="#CC9900"> |
| ... |
| </BODY> |
Se volessimo invece mettere un'immagine di sfondo ( di formato gif o jpg ) userei stavolta l'attributo BACKGROUND al tag BODY:
| <BODY BACKGROUND="sfondo.gif" TEXT="white"> |
| ... |
| </BODY> |
Clicca qui per visualizzare un esempio con tale immagine di sfondo. Notare come l'immagine scende insieme al testo; se volessimo fissarla in verticale e far scorrere solo il testo ( ora di colore bianco, notare l'attributo TEXT ) dovremmo aggiungere un valore specifico all'attributo BGPROPERTIES:
| <BODY BACKGROUND=" sfondo.gif " BGPROPERTIES=" fixed " TEXT=" white "> |
| ... |
| </BODY> |
Clicca qui per visualizzare un esempio con tale immagine di sfondo.
Apriamo una piccola parantesi su come scrivere i percorsi dei vari file o immagini richiamati; un semplice percorso in locale ( detto assoluto ) viene visualizzato come segue:
C:\Andrea\2\esempi_file\../fig_esempi\fig3.html
Con tale percorso, però, ogni qualvolta si sposta la pagina richiamante con un link tale file, il percorso non è più valido e quindi viene visualizzata una pagina di errore oppure, se è un'immagine, non la vedo. Bisogna quindi scriverli in questo modo; se volessi inserire l'immagine sfondo.jpg nella pagina pagina.html, dovrei scrivere:
| "cat1/sfondo.jpg" |
Mentre per questo altro caso dovrei scrivere:
| "../sfondo.jpg" |