El empleo de las imágenes en las páginas web ha sido uno de los elementos que mas ha contribuido a popularizar Internet (World Wide Web). Las imágenes en un documento permiten crear páginas mucho más atractivas y dinámicas. Según el tipo de gráficos utilizado se pueden conseguir efectos realmente sorprendentes.

Dotar de imágenes a un documento web es sencillo esto se realiza por medio de la etiqueta <img>, la cual no se cierra, seguida de la ruta donde esta la imágen.
<img src="ruta de la imagen/nombre_archivo.extension_archivo">
<img src="img/tejiendo_redes.jpg">

Podemos encontrar muchos formatos de imágenes, aunque probablemente los más utilizados son JPG ,GIF y PNG.

Veamos unos ejemplos:

Ejemplo (1):

   <img src="img/tejiendo_redes.jpg">

Hemos insertado una imagen jpg que esta en la carpeta img.
Es importante observar que esta dirección es una ruta local. no absoluta.

Ejemplo (2):

	
   <img src="img/logo_img.gif">

Hemos insertado una imagen gif que esta en la carpeta img.
Es importante observar que esta dirección es una ruta local. no absoluta.

Tener que tener muy presente que debemos especificar la ruta de modo relativo, esto nos aporta la siguiente ventaja si movemos el directorio completo (con todos sus archivos y manteniendo su estructura). La ruta especificada en nuestra página continua siendo válida mientras que si especificamos un ruta absoluta no nos valdría.