English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia de HTML

大全 de etiquetas HTML

HTML: <img> atributo height

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

 HTML <img> etiqueta

Ejemplo en línea

Altura y anchura de32Imágenes de píxeles:

!DOCTYPE html
<html>
<head>
<title>HTML: <img> atributo height - Sitio web de tutoriales básicos oldtoolbag.com</title>
<body>
<img src="haha.gif" alt="haha face" width="32" height="32">
</body>
</html>
Prueba para ver ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la propiedad height.

La propiedad height especifica la altura de la imagen en píxeles.

Consejo:Siempre especifique simultáneamente las propiedades height y width de la imagen. Si se establecen estas propiedades, se reserva el espacio necesario para la imagen al cargar la página. Sin embargo, si no se especifican estos atributos, el navegador no sabrá el tamaño de la imagen y no podrá reservar el espacio adecuado. El resultado es que el diseño de la página cambiará durante el proceso de carga (cuando se carga la imagen).

Consejo:Al usar las propiedades height y width para reducir el tamaño de una imagen grande, se obliga al usuario a descargar la imagen completa (incluso si en la página parece pequeña). Para evitar esto, escalar la imagen programáticamente antes de usarla en la página.

HTML 4.01 y HTML5las diferencias entre

En HTML 4.01en la que la altura puede definirse en píxeles o en porcentaje del elemento que contiene. En HTML5en la que este valor debe especificarse en píxeles.

Sintaxis

<img height="píxeles">

Valor del atributo

ValorDescripción
píxelesAltura en píxeles (por ejemplo height="50")。
 HTML <img> etiqueta