Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Computer Programming Languages >> .

Come Centro di un'immagine utilizzando Programmazione HTML

Una pagina Web coder utilizza Hypertext Markup Language per dire al browser lo scopo funzionale di ciascun elemento in una pagina , ad esempio un paragrafo , titolo o lista. Dal HTML 4 , Cascading Style Sheets hanno fornito il codificatore con un modo per dire al browser come ciascuno di tali elementi dovrebbe guardare , separata dal definire che cosa sono. Una pagina può avere diversi stili CSS per diversi tipi di dispositivi, come i telefoni cellulari e computer desktop , permettendo la comparsa pagina a modifiche senza il coder dover modificare il codice HTML . Utilizzare le proprietà CSS per centrare l'immagine . Istruzioni
1

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


Questo è il testo. < /H1 > < img src = " photo.jpg " alt = " Una descrizione del quadro" width = " 270 " height = " 50 " />

< /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 , Una descrizione del figura 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