Las imágenes son un recurso valiosísimo a la hora de presentar información de una forma clara, y lo es también como elemento ornamental.
El elemento que nos permite incluír una imagen es
<img>
. Por defecto las imágenes
así incrustadas se comportan como elementos de
línea.
Una etiqueta <img>
típica aparecerá
más o menos así:
<img alt="Un texto alternativo para la figura"
src="imagen.gif" height="100" width="100" />
Los atributos del elemento <img>
son los
siguientes:
Imágen <img>
alt
: Una descripción de la imagen
(obligatorio).height
: La altura de la imagen. Puede ser
indicada en pixeles o porcentaje.ismap
: Un URL que se refiere a un mapa
de imagen del lado del servidor.longdesc
: El URL de una página con
una descripción larga de la imagen.src
: Un URL con la ruta a la
imagen.usemap
: Un URL que indica un mapa de
imagen del lado del cliente.width
: El ancho de la imagen. Puede ser indicado
en pixeles o porcentaje.En principio se puede usar cualquier formato de imagen con la etiqueta <img>. Sin embargo, no todos los formatos son accesibles por todos los navegadores. Pero existen tres que podemos considerar universales en este momento y que todos los navegadores visuales soportan:
Con estos formatos aseguramos que nuestros visitantes podrán observar nuestras imágenes. Todos los formatos anteriores son de tipo bitmap.
Y ahora, la obligada página de ejemplo a continuación:
Haz click aquí para ver el ejemplo 4.
No olvídes revisar el código fuente de la página.