Aggiunta di immagini a una pagina Web può migliorare il suo aspetto generale. È possibile personalizzare dove le immagini andare a bilanciare una pagina. Immagini devono adattarsi all'interno della larghezza della pagina o DIV (contenitore) per visualizzarle fianco a fianco. Quindi, se si dispone di due immagini (ogni 100 pixel di larghezza), la larghezza della pagina o DIV dovrebbe essere almeno 200 pixel. In caso contrario, la seconda immagine verrà spostata alla riga successiva. È possibile utilizzare i fogli di stile CSS per posizionare le immagini sulla tua pagina Web.

Istruzioni

1

Selezionare "File" e "Open" in un editor di testo come Notepad, EditPad o TextPad. Viene visualizzata la finestra di dialogo Apri. Fare doppio clic il file HTML che si desidera modificare.

2

Scorrere sotto il tag di apertura < BODY > e posizionare il cursore dove si desidera che le immagini di andare.

3

Copia ("Ctrl" e "C") e incolla ("Ctrl" e "V") il seguente codice HTML per inserire il tuo immagini side-by-side:

< div style = "width: 200px;" >

< img style = "width: 75px; Altezza: 70px; float: left;"/ >

< img style = "width: 75px; Altezza: 70px; float: left;"/ >

< / div >

4

Sostituire la larghezza per "div style" per la larghezza del contenitore. Sostituire "image1. gif" e "image2. gif" con i nomi dei file di immagine effettiva e cambiare la loro altezza e larghezza per le dimensioni corrette.

5

Selezionare "File" e "Salva" per aggiornare il file HTML.