HTML ASP-VBscript Le Razze Canine Cinema Escursioni Forum Area Blog
Vai in Home Page  |  Indice della Guida Semplice al linguaggio HTML

HTML: CAMBIARE IL COLORE DI SFONDO

Modificare lo sfondo attraverso il TAG <BODY>

Gestione del TAG BODY, determinare il colore di una pagina

Il TAG <BODY> ci consente di indicare un colore di sfondo oppure un'immagine che, ripetuta, possa determinare uno sfondo omogeneo che generalmente viene definito pattern. Avevamo già studiato questo codice all'inizio della guida HTML imparando che la sua apertura e la sua chiusura determinano l'inizio e la fine del contenuto di una pagina web. Ora ci soffermeremo sulle sue opzioni.
Gli attributi piu' comunemente utilizzati all'interno del BODY sono:

  • BACKGROUND   (il percorso dell'immagine che farà da sfondo alla pagina)
  • BGCOLOR   (il colore che farà da sfondo alla pagina - è piu' semplice da utilizzare)


Passiamo subito alla creazione di semplici esempi di utilizzo:

<BODY BACKGROUND="img/immagine_di_sfondo_pattern.gif">

immagine - pattern utilizzata nell'esempio di sfondo
L'immagine indicata nell'esempio nell'attributo BACKGROUND è quella che vedete qui sulla sinistra (è un pattern).
La sua ripetizione all'infinito crea una "superficie di lavoro" capace di dare subito un carattere alla pagina web. Non dovete dimenticare che bisogna sempre adattare il colore del testo allo sfondo (o viceversa) per fare in modo che il lettore non debba sforzarsi troppo nel leggere.

Il risultato lo potete osservare cliccando questo link » (si aprirà una nuova finestra)







Ora facciamo un esempio di cambio dello sfondo utilizzando un singolo colore senza immagini-pattern di supporto:

<BODY BGCOLOR="#FFFF66">

Attraverso l'attributo BGCOLOR abbiamo indicato al browser di visualizzare uno sfondo del colore #FFFF66 (è una tonalità di giallo). Al variare del codice esadecimale relativo al colore possiamo utilizzare tutte le tinte che vogliamo, non vi resta che provare.

Il risultato lo potete osservare
cliccando questo link » (si aprirà una nuova finestra)



Note Finali:
  • I pattern possono essere uno strumento utile per riempire una pagina anche se in contenuti non sono molti, bisogna essere attenti a scegliere un motivo di sfondo che non sia troppo invadente e che non stanchi la vista.

  • Lo stesso risultato si può ottenere cambiando il colore di sfondo seppur evitando tonalità troppo accese o un rapporto testo/sfondo che renda poco agevole la lettura.

  • Omettendo indicazioni in merito, il browser visualizzerà uno sfondo omogeneo standard (che è quasi sempre il bianco e dipende dal browser utilizzato).

Indice