Come usare immagini di sfondo in HTML

September 17

Utilizzando un'immagine di sfondo in HTML può aggiungere grande dettaglio di un sito web e rendere le pagine letteralmente saltare fuori dalla pagina. La tecnica di utilizzare immagini di sfondo non è molto complesso, ci sono alcuni comandi che dovete sapere. Si dovrà lavorare con il tag <body> e aggiungendo un paio di nuovi comandi qui.

istruzione

1 Trova il tag <body> della pagina in cui si desidera utilizzare l'immagine di sfondo. Se la pagina non ha alcun tag <body>, aggiungere uno dopo l'</ head> tag, che designa la fine del meta-dati che include il <title> e la parola chiave e la descrizione meta-dati.

2 Digitare uno spazio dopo che il corpo di parola all'interno del tag. Quindi aggiungere la parola sfondo. Il nuovo tag corpo sarà simile a questa: <sfondo body>.

3 Aggiungere un segno di uguale (=) dopo la parola 'background'. Non lasciare uno spazio tra il segno di uguale e la parola 'background'.

4 Digitare l'URL dell'immagine che si desidera utilizzare come sfondo, dopo il segno di uguale. Se l'immagine si chiama backgroundimage.jpg, e si trova a www.yourwebsite.com nella directory di immagini, la nuova etichetta sarà simile a questa: <body background = "http://www.yourwebsite.com/images/backgroundimage .jpg ">.

5 Carica la nuova pagina al server FTP e verificare che l'immagine di sfondo è a posto. In caso contrario, ricontrollare l'url per l'immagine e il codice nel tag <body>.

Consigli e avvertenze

  • Utilizzare immagini più piccole come sfondi in modo che la pagina viene caricata più veloci. È possibile creare queste immagini in qualsiasi programma software di immagini. Ricordate, il browser verrà ripetuta l'immagine più e più volte, in modo da poter utilizzare un piccolo quadrato per costruire grandi sfondi di ripetere modelli di piazza.
  • Le immagini di sfondo possono toglie dal tuo sito web se sono troppo colorate, o rendono il testo difficile da leggere. Utilizzare solo le immagini semplici, come sfondo per migliorare l'aspetto generale del tuo sito.