Ejemplo
Una imagen con una altura y una anchura de 42 píxeles:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42">
Inténtalo tú mismo " El width atributo especifica la anchura de una imagen, en píxeles.
Consejo: Siempre especifique tanto la height y la 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 altura y la anchura de 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 | |||||
---|---|---|---|---|---|
width | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
En HTML 4.01, la anchura se puede definir en píxeles o en% del elemento que contiene. En HTML 5, el valor debe estar en píxeles.
Sintaxis
<img width="pixels">
Los valores de atributo
Valor | Descripción |
---|---|
pixels | La anchura en píxeles (por ejemplo width="100" ) |