Atributo de altura HTML <img>
Ejemplo
Una imagen con una altura de 600 píxeles y un ancho de 500 píxeles:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
El height
atributo especifica la altura de una imagen, en píxeles.
Sugerencia: especifique siempre los
atributos height
y para las imágenes. width
Si se establecen alto y ancho, el espacio requerido para la imagen se reserva cuando se carga la página. Sin embargo, sin estos atributos, el navegador no conoce el tamaño de la imagen y no puede reservarle el espacio adecuado. El efecto será que el diseño de la página cambiará durante la carga (mientras se cargan las imágenes).
Sugerencia: Reducir el tamaño de una imagen grande con los atributos
height
y width
obliga al usuario a descargar la imagen grande (incluso si se ve pequeña en la página). Para evitar esto, cambie la escala de la imagen con un programa antes de usarla en una página.
Compatibilidad con navegador
Attribute | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Sintaxis
<img height="pixels">
Valores de atributo
Value | Description |
---|---|
pixels | The height in pixels (e.g. height="100") |
❮ Etiqueta HTML <img>