HTML <img> heightAtributo

HTML img 标签参考手册Etiqueta HTML <img>

Ejemplo

Una imagen con una altura y una anchura de 42 píxeles:

<img src="smiley.gif.html" alt="Smiley face" height="42" width="42">

Pruébalo »

Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los navegadores principales soportan el atributo height.

El atributo height especifica la altura de la imagen, en píxeles.

Consejo:Es una buena práctica especificar los atributos height y width para las imágenes. Si se establecen estos atributos, se puede reservar espacio para la imagen durante la carga de la página. Sin estos atributos, el navegador no puede conocer las dimensiones de la imagen, por lo que no puede reservar el espacio adecuado, y el diseño de la página cambiará cuando se cargue la imagen.

Consejo:Por favor, no utilices los atributos height y width para escalar imágenes. Si se reducen las imágenes mediante los atributos height y width, el usuario tendrá que descargar una imagen de gran tamaño (aunque la imagen se vea pequeña en la página). Lo correcto es procesar la imagen con un software al tamaño adecuado antes de usarla en la página web.

Diferencias entre HTML 4.01 y HTML5

En HTML 4.01, la altura debía definirse en píxeles o como porcentaje del elemento contenedor. En HTML5, el valor de la altura debe expresarse en píxeles.

Sintaxis

<img height="pixels">

Valores de atributo

Valor Descripción
pixels La altura en píxeles (por ejemplo, height="100").

HTML img 标签参考手册Etiqueta HTML <img> Otras extensiones