Esempio
Un'immagine con un'altezza ed una larghezza di 42 pixel:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42">
Prova tu stesso " La width attributo specifica la larghezza di un'immagine, in pixel.
Suggerimento: Specificare sempre sia l' height e la width attributi per immagini.Se l'altezza e la larghezza sono impostati, lo spazio richiesto per l'immagine è riservato quando la pagina viene caricata. Tuttavia, senza questi attributi, il browser non conosce la dimensione dell'immagine, e non può riservare spazio appropriato ad esso. L'effetto sarà che il layout della pagina cambierà durante il caricamento (mentre le immagini caricate).
Tip: Riduzione un'immagine grande con l'altezza e la larghezza attributi forza un utente per scaricare l'immagine di grandi dimensioni (anche se sembra piccola sulla pagina).Per evitare questo, riscalare l'immagine con un programma prima di utilizzarlo in una pagina.
Supporto per il browser
| Attributo | |||||
|---|---|---|---|---|---|
| width | sì | sì | sì | sì | sì |
Differenze tra HTML 4.01 e HTML5
In HTML 4.01, la larghezza può essere definita in pixel o in% dell'elemento di contenimento. In HTML5, il valore deve essere in pixel.
Sintassi
<img width="pixels">
I valori degli attributi
| Valore | Descrizione |
|---|---|
| pixels | La larghezza in pixel (ad esempio width="100" ) |