In genere, si utilizza il codice HTML per creare gli elementi in una pagina, ad esempio tabelle e blocchi di testo, e si utilizza il codice CSS per visivamente stile quegli elementi, come cambiare i colori di sfondo e le dimensioni dei caratteri. Visualizzazione delle immagini è una sorta di via di mezzo tra i due, come le immagini sono elementi di una pagina web, ma anche visivo. È possibile sostituire il tag standard HTML <img> con una combinazione di CSS e un tag <div>.

istruzione

1 Aprire il file HTML contenente il tag <img> che si desidera sostituire. Individuare il tag <img> all'interno del file.

2 Evidenziare il percorso subito dopo "senza le virgolette.

3 Premere il tasto "Ctrl" e "C" per copiare questo indirizzo per la memoria del computer.

4 Eliminare l'intero tag <img>.

5 Digitare quanto segue al posto del tag <img>:

<Div style = "width: 150px; height: 150px; background-image: URL ( '');"> </ div>

Fare clic in-tra le due virgolette singole all'interno delle parentesi. Premere il tasto "Ctrl" e "V" per incollare il percorso dell'immagine.

Modificare l'altezza e la larghezza in modo che corrisponda alle dimensioni della vostra immagine.

6 Salvare le modifiche.