Imágenes

Una página web sin alguna imagen es como el mar sin sal. Sea por ura estética o sea como apoyo al texto, la mayoría de la páginas web necesitan incluir imágenes. Para ello se usa la etiqueta <img> , etiqueta abierta, es decir, que no necesita cierre. El uso es de lo más sencillo

<IMG SRC="fichero_grafico.png" ALT="descripcion" WIDTH=88 HEIGHT=31>

Los atributos admitidos por este elemento son

Nombre Valores Uso
Alt texto Texto alternativo para describir la imagen
height
width
pixels Alto y ancho de la imagen.
ismap   Indica que la imagen es un mapa controlado por un programa en el servidor (php, asp, ssh, cgi...)
src URL URL de la imagen
usemap #nombre La imagen se usa como mapa de enlaces

El atributo SRC especifica la URL del fichero que contiene la imagen. Los formatos estándar en la red son el GIF, PNG y JPG. Si quieres saber más sobre imágenes e internet debes dirigirte a esta sección dedicada al tema en la guía de diseño.

El atributo ALT especifica el texto que se mostrará en lugar del gráfico en aquellos navegadores que no sean capaces de mostrarlos (como el Lynx) y en el supuesto de que el usuario los haya desactivado. Algunos navegadores lo muestran cuando pasamos el ratón por encima de la imagen. Es por eso que, aunque algunos usuarios no lo lleguen a ver nunca, conviene ponerlo siempre. De hecho, el estádar HTML 4.0 obliga a hacerlo. Su uso es además muy interesante cara a los robots buscadores que de este atributo pueden sacar información del tema tratado en la página.

Los atributos WIDTH y HEIGHT indican el ancho y alto del gráfico en pixels. Su uso no es obligatorio pero si muy aconsejable para mejorar el tiempo de carga de la iamgen: el navegador sabe el espacio que ocupará la imagen y puede seguir colocando los otros elementos de la página mientras se termina de descargar la imagen. Se puede substituir por una definición CSS

El atributo ismap solo se usa cuando la imagen está dentro de un enlace (entre <a href></a>, al pulsar sobre la imagen llama a una aplicación (la indicada en el enlace) a la que le envía las coordenadas donde se ha pulsado, con el (0,0) en la esquina superior izquierda. En función de esas coordenadas la aplicación hará lo que tenga programado. Es un mapa de imágenes de servidor, o sea controlado por un programa de servidor

Una imagen puede contener varios enlaces, dependiendo de donde se pulse. Para esto se usan los mapas de imágenes. El mapa se declara con el atributo usemap

Por ejemplo, el código de abajo muestra la figura que le sigue.

<img src="/imgs/im_crear/bordes.png" width="30" height="32" alt="rombos bicolor">


.