Manuale di riferimento HTML

Completo elenco dei tag HTML

HTML: <img> attributo width

L'attributo width specifica la larghezza dell'immagine in pixel.

Esempio online

Immagine di 30 pixel di altezza e larghezza:

Esempio

<!DOCTYPE html>
<html>
<head>
<title>HTML: <img> width attributo - Guida di base su oldtoolbag.com</title>
<body>
<img src="haha.gif" alt="haha face" width="30" height="30">
</body>
</html>

Testa a vedere ‹/›

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano l'attributo width.

L'attributo width specifica la larghezza dell'immagine in pixel.

Suggerimento:Specifica sempre altezza e larghezza degli attributi dell'immagine. Se impostati, mantengono lo spazio necessario per l'immagine durante il caricamento della pagina. Tuttavia, se non ci sono questi attributi, il browser non sa la dimensione dell'immagine e non può riservare lo spazio adeguato. L'effetto è che la layout della pagina cambia durante il caricamento (quando l'immagine viene caricata).

Suggerimento:L'uso degli attributi height e width per ridurre le dimensioni di un'immagine grande costringe l'utente a scaricare l'immagine grande (anche se sembra piccola sulla pagina). Per evitare questo, ridimensiona l'immagine con un programma prima di utilizzarla nella pagina.

Differenze tra HTML 4.01 e HTML5

In HTML 4.01, la larghezza dovrebbe essere definita in pixel o in percentuale dell'elemento contenente. In HTML5, il valore della larghezza deve essere in pixel.

Sintassi

<img width="pixel">

Valore dell'attributo

Valore	Descrizione
pixel	Larghezza in pixel (ad esempio width="100")

　HTML <img> etichetta

HTML: <template> etichetta