Manuale di riferimento HTML

Completo elenco dei tag HTML

HTML: <img> height attributo

L'attributo height specifica l'altezza dell'immagine in pixel

Esempio online

Immagine di altezza e larghezza di 32 pixel:

Esempio

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

Testa per vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano l'attributo height.

L'attributo height specifica l'altezza dell'immagine in pixel.

Suggerimento:Specifica sempre contemporaneamente l'altezza e la larghezza dell'immagine. Se sono impostati height e width, viene riservato 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 appropriato. 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

Negli HTML 4.01, l'altezza può essere definita in pixel o in percentuale dell'elemento contenente. Negli HTML5, il valore deve essere in pixel.

Sintassi

<img height="pixel">

Valore dell'attributo

Valore	Descrizione
pixel	Altezza in pixel (ad esempio height="50").

　HTML <img> etichetta

HTML: <template> etichetta