Posizionare il tag " img " nel file HTML in cui si desidera la vostra immagine da visualizzare sulla pagina web. Deve essere compreso tra i tag "corpo" e dopo i tag "H1" . Per esempio , Stati
< /body>
definisce un'immagine denominata photo.jpg che è di 170 pixel di larghezza e 50 pixel di altezza. E ' la prima cosa sulla pagina dopo il titolo superiore .
2
Usare il "margine " attributo CSS per definire lo spazio attorno agli elementi di pagina , come immagini . Il valore "auto" per l'attributo margin indica al browser Web per determinare automaticamente la quantità di spazio . Quindi , definisce che lo spazio intorno all'immagine è determinata dal browser.
3
Utilizzare la proprietà "Visualizza" per definire la modalità di visualizzazione di un elemento della pagina . Il valore di "blocco " per la proprietà display indica al browser Web per visualizzare l'elemento su una riga , con lo spazio al di sopra e al di sotto di esso. Quindi , < img src = " photo.jpg " alt = " Una descrizione del quadro" width = " 170 " height = " 50 " style = " margin : auto; display: block ; " /> definisce la stessa immagine , ma l'aggiunta di . " display: block; " ora lo mette sulla propria riga
4
visualizzare la pagina web in diversi browser per verificare che l' immagine è centrato correttamente .
Programmazione © www.354353.com