Immagine di sfondo in Html

inserire immagine di sfondo in Html

Ci puo’ capitare di dover inserire in background una immagine invece di un colore di base.  Qui vi spieghiamo come farlo all’interno di un vostro sito internet.

Per inserire un’immagine di sfondo in Html, basta inserire nella nostra pagina il seguente codice:

<body background="immaginedisfondo.jpg">

Per utilizzare il codice sopra indicato si deve inserire l’immagine che vogliamo utilizzare come sfondo nella directory principale, ma siccome noi siamo dei professionisti del design, avremo creato una cartella images, e quindi il nostro codice diventa:

<body background="images/immaginedisfondo.jpg">

L’immagine scelta come background verra’ ripetuta sia in orizzontale che in verticale.

Io aggiungo a questo codice un’altro elemento; infatti mentre viene caricata l’immagine in questione, desidero che l’utente veda il colore che ho deciso io; quindi ecco un nuovo codice:

<body bgcolor="#99cc33" background="images/immaginedisfondo.jpg">

Ecco subito l’esempio.

E’ importante sempre attribuire un colore di sfondo all’immagine, perche’ e’ consuetudine che i browsers assegnano, come colore di default al bgcolor, il colore che l’utente ha impostato nella finestra del sistema operativo.

 

Avete provato a seguire quello che vi abbiamo appena spiegato? Scriveteci la vostra esperienza!

Scritto da Magoo

Magoo

Web Developer & Mobile Developer, Game Lover insomma un Nerd.
Co-founder Iwebdesigner.it, Nerdzhouse SRL.
Prendo a schiaffi la tastiera fino a quando non succede qualcosa di buono.

COMMENTA

Loading Disqus Comments ...
Loading Facebook Comments ...

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *