Ejemplo
Una imagen con una altura y anchura de 42 píxeles:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42">
Inténtalo tú mismo " La height atributo especifica la altura de una imagen, en píxeles.
Consejo: Siempre especifique la altura y width los atributos de las imágenes.Si la altura y la anchura se establecen, el espacio requerido para la imagen está reservado cuando se carga la página. Sin embargo, sin estos atributos, el navegador no sabe el tamaño de la imagen, y no puede reservar el espacio correspondiente a la misma. El efecto será que el diseño de la página cambiará durante la carga (mientras que las imágenes de carga).
Consejo: Reducción del tamaño de una imagen grande con la height y la width los atributos obliga a un usuario para descargar la imagen de gran tamaño (incluso si parece pequeña en la página).Para evitar esto, cambiar la escala de la imagen con un programa antes de utilizarlo en una página.
Soporte para el navegador
Atributo | |||||
---|---|---|---|---|---|
height | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
En HTML 4.01, la altura puede ser definido en píxeles o en% del elemento que contiene. En HTML 5, el valor debe estar en píxeles.
Sintaxis
<img height="pixels">
Los valores de atributo
Valor | Descripción |
---|---|
pixels | La altura en píxeles (por ejemplo height="100" ) |