etquetas de imagen

Cuando queremos introducir una imagen, lo hacemos con la etiqueta

                                             <img/>

Los atributos que como mínimo ha de tener esta etiqueta son los siguientes:

<img src="ubicacion/imagen.gif" alt="texto aternativo"/>

Lo primero que debemos de saber es dónde está la imagen, su ubicación, que es lo que debe contener el atributo src:

• Si la imagen está en una página Web, basta con saber su ruta, por ejemplo http://www.educarm.es/logo_ac1.jpg. Esto es lo que se llama una dirección absoluta.
• Si la imagen está en el mismo sitio que la página Web, podemos utilizar una dirección relativa, como imagen,gif o miagenes/imagen.gif.

Cuando el navegador no encuentra la imagen ubicada en scr no podrá mostrar la imagen. En su lugar puede mostrar una imagen de error, como en Internet Explorer que muestra una imagen de error, como en Internet Explorer que muestra

El atributo alt mostrar un texto alternativo cuando no se puede mostrar la imagen.

Ventaja.(Esto es importante para la accesibilidad a la web. Imaginemos que tenemos unas imágenes que hacen de botón para ir a partes de nuestra web, como inicio o galería.Si no ponemos el alt y no se muestran las imágenes, el usuairo no podrá navegar por nuestro sitio)

Los atributos height(alto) y width (ancho). Aunque no son obligatorios, es muy frecuentes añadirlos a la imagen introduciendo en elllos las dimensiones de la imagen, en píxeles.

Ventaja.( Al cargar una página, el navegador muestra primero el texto y después las imágenes. Si conoce las dimensiones de cada imagen, puede dejar un hueco reservado para ellas. Si no , pondrá el texto y luego irá desplazándolo para colocar las imágenes, lo que hará incómodo leer la página hasta que no esté totalmente cargada)

Atributo title. Si lo ponemos, al posar el cursor sobre ella se mostrará su valor. En IE7, cuando se omite title, se muestra el contenido de alt