Índice

El elemento <img>

Es posible insertar imágenes mediante la etiqueta:

<img src="ruta del archivo de la imagen">

La etiqueta <img> es una etiqueta única, no tiene etiqueta de cierre. La notación XHTML 1.0 <img src="ruta del archivo de la imagen" /> también está aceptada en HTML5.

En HTML5, la etiqueta imagen <img> solo tiene un atributo obligatorio: el atributo src="ruta del archivo de la imagen". En HTML, la imagen no se inserta directamente en el documento, sino que proviene de un archivo externo, designado por el atributo src, que precisa la dirección relativa del archivo de la imagen que tiene que mostrarse en la página.

De este modo, para una imagen situada en la misma carpeta que la página HTML (ruta relativa), se escribe:

<img src="imagen.png">

o

<img src="imagen.png" />

Para referenciar una imagen de un sitio web (ruta absoluta), se escribe:

<img src="http://www.html5.com/images/imagen.png">

o

<img src=http://www.html5.com/images/imagen.png />

Las reglas de direccionamiento son idénticas a las que se abordaron en el capítulo Enlaces.

Los atributos opcionales de la etiqueta imagen son:

  • Los atributos height y width. Estos atributos permiten definir respectivamente, en píxeles, el alto y el ancho de la imagen en pantalla. La definición de estos atributos hace que el navegador reserve un lugar para la imagen antes de descargarla completamente, permitiéndole así ...