Manual de referencia HTML

大全 de etiquetas HTML

HTML: <img> width atributo

El atributo width especifica el ancho de la imagen en píxeles.

Ejemplo en línea

Altura y anchura ambos 30 píxeles de imagen:

Ejemplo

!DOCTYPE　html
<html>
<head>
<title>HTML: <img> width atributo　-　Sitio web básico oldtoolbag.com</title>
<body>
<img　src="haha.gif"　alt="haha　face"　width="30" height="30">
</body>
</html>

Prueba ver/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la propiedad width.

El atributo width especifica el ancho de la imagen en píxeles.

Consejo:Siempre especifique tanto la altura como los atributos de anchura de la imagen. Si se establecen, 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 efecto es que el diseño de la página cambia durante el proceso de carga (cuando se carga la imagen).

Consejo:El uso de las propiedades height y width para reducir el tamaño de las imágenes grandes obliga a los usuarios a descargar la imagen grande (incluso si en la página parece pequeña). Para evitar esto, escalar la imagen con un programa antes de usarla en la página.

HTML 4.01 y HTML5las diferencias entre

en HTML 4.01 en la que el ancho debe definirse en píxeles o en porcentaje del elemento que lo contiene. En HTML5 en la que el valor de anchura debe estar en píxeles.

Sintaxis

<img width="píxeles">

Valor del atributo

Valor	Descripción
píxeles	Ancho en píxeles (por ejemplo width="100"）

　HTML <img> etiqueta

HTML: <template> etiqueta