INSERCIÓN DE IMÁGENES.

<IMG SCR=nombre imagen> soportados directamente{ *.jpg ; *.gif }, además en menor medida {*.xmp ; *.xbm ; *.bmp}, los demás necesitan "Plugins" para poder ser visualizados.


Con las imágenes podemos utilizar los atributos {HEIGHT, WIDTH, ALT, ALING {Right, Left, Center, Top, Middle, Bottom}.

También podemos usar {Top, Middle o Bottom} con el argumento ALING, pero en esta caso sólo podremos poner una línea al lado de la foto, que aparecerá arriba, abajo, o en medio según la opción que hayamos tomado, y la imagen estará siempre alineada a la izquierda.

La dirección de dónde esta la imagen puede ser absoluta (dirección completa), o relativa (el mismo directorio, uno más abajo,....)


<IMG SRC="imagen.gif"> (Las comillas no son necesarias, pero son convenientes).

Detallando más la información de salida de la imagen:

<IMG SRC="imagen.gif" HEIGHT=50 WIDTH=50 ALT = "Literal">

Se ha modificado el tamaño de la imagen, y saldrá un texto (al tiempo/sustitutivo) de la imagen.

<IMG SRC="imagen.gif" HEIGHT=50 WIDTH=50 ALIGN = "Right" ALT = "Literal">

Literal deseadoEl texto sale a la mitad d e la imagen y poniendo el cursor encima no da un mensaje.

Si deseo que la imagen quede a uno de los lados, (para poder escribir en el otro:

<MG SRC="imagen.gif" ALIGN = "Right" ALT = "Literal">

La imagen estará alineada a la derecha y podrá contener texto completo en su lado izquierdo.

<IMG SRC="imagen.gif" ALIGN = "Bottom" ALT = "Literal">

Con el argumento TITLE sucede lo mismo que con el argumento ALT, sólo que en el primer caso, saldría como sustituto de la imagen.

La imagen estará alineada a la izquierda, y el texto que escribamos a continuación estará en la última línea de la imagen.

Si deseamos que exista un borde (en explorer transparente/negro ) alrededor de la imagen: El texto dejará un espacio de "x" pixels alrededor de la imagen

<IMG SRC="imagen.gif" BORDER = 20 >

Si deseamos tener un borde blanco transparente, utilizaremos los atributos VSPACE y HSPACE

<IMG SRC="imagen.gif" VSPACE = 20 HSPACE=20 >

Si deseamos poner una imagen como fondo de toda nuestra página, deberemos ponerla al lado de la directiva <BODY ....
<BODY BACKGROUND ="nombre_imagen>

Con la misma técnica podemos representar pequeñas animaciones en ficheros de formato GIF.