Otro atributo de la sentencia IMG que merece mención especial es ALT...

<IMG SRC="chef.gif" WIDTH=130 HEIGHT=101 ALT="Chef"> 

ALT es un subtítulo para la imagen cuando un usuario tiene un navegador que (por la razón que sea) no muestra imágenes. Puede que esté utilizando un navegador de sólo texto, puede haber cancelado la muestra de imágenes para conseguir más velocidad o cualquier otra cosa. En estos casos, el atributo ALT puede ser muy importante para tu visitante.


Algo muy importante que debes saber acerca de las imágenes es el tamaño.

Prueba esto...

<BODY>
<IMG SRC="chef.gif">
</BODY>


Como puedes ver, el navegador averigua el tamaño de la imagen por sí mismo. ¿Por qué, entonces, andar enredando con las dimensiones de la imagen?. Porque con las dimensiones el navegador puede reservar espacio para la imagen y cargar el resto de la página. Una vez que la página entera ha cargado, el navegador vuelve atrás y empieza a cargar las imágenes. Sin dimensiones, cuando el navegador llega a una imagen tiene que hacer una pausa, cargar la imagen, y después continuar cargando la página. En definitiva, el navegador funciona mucho mejor con las dimensiones de la imagen declaradas.

Bueno Jose Angel, todo eso está muy bien pero ¡aaaaaahhh!, ¿para qué demonios sirve?

Prueba esto...

<BODY>
<IMG SRC="chef.gif" WIDTH=300 HEIGHT=101>
</BODY>


<BODY>
<IMG SRC="chef.gif" WIDTH=40 HEIGHT=200>
</BODY>


Puedes especificar las dimensiones que te parezcan, aunque no tengan nada que ver con las dimensiones originales de la imagen. ¿Aún no te percatas de para qué sirve?
Bueno, mira bien este pequeño punto rojo -> Es un cuadrado de 1x1. Mira lo que puedo hacer con Úl...

<BODY>
<P ALIGN="center"><IMG SRC="red_dot.gif" WIDTH=500 HEIGHT=1>
<P ALIGN="center"><IMG SRC="red_dot.gif" WIDTH=500 HEIGHT=2>
<P ALIGN="center"><IMG SRC="red_dot.gif" WIDTH=500 HEIGHT=8>
<P ALIGN="center"><IMG SRC="red_dot.gif" WIDTH=2 HEIGHT=200>
</BODY>


┐Te ha gustado?