IMAGENES Etiqueta

Tema: IMAGENES Etiqueta Dom Jul 27, 2008 3:33 pm

ARCHIVO DE IMAGEN

ETIQUETA BASICA::

Código:: <img src="URL DE LA IMAGEN">

ATRIBUTOS DE UNA IMAGEN

ALT="Texto alternativo"
Muestra un texto si la imagen no puede mostrarse

Código:: <img src="URL DE LA IMAGEN" alt="NOMBRE DE LA IMAGEN">

ALIGN Indica la alineación del texto.
(Solo alinea la primera línea, el resto se mostrará por debajo de la imagen)

ALIGN=TOP : Parte alta de la imagen	Venezuela, que linda es nuestra patria
CODIGO:: <img src="URL DE LA IMAGEN" align=top>TEXTO DE LA IMAGEN
ALIGN=MIDDLE : Parte media de la imagen	Venezuela, que linda es nuestra patria
CODIGO:: <img src="URL DE LA IMAGEN" align=middle>TEXTO DE LA IMAGEN
ALIGN=BOTTOM : Parte baja de la imagen	Venezuela, que linda es nuestra patria
CODIGO:: <img src="URL DE LA IMAGEN" align=bottom>TEXTO DE LA IMAGEN
ALIGN=LEFT : La imagen queda insertada dentro del texto al lado izquierdo	Venezuela, que linda es nuestra patria. Te invito a visitar nuestros Parques Nacionales, sus playas y montañas. Encontraras desde nieve hasta medanos.
CODIGO:: <img src="URL DE LA IMAGEN" align=left>TEXTO QUE RODEARA LA IMAGEN
ALIGN=RIGHT : La imagen queda insertada dentro del texto al lado derecho	Venezuela, que linda es nuestra patria. Te invito a visitar nuestros Parques Nacionales, sus playas y montañas. Encontraras desde nieve hasta medanos.
CODIGO:: <img src="URL DE LA IMAGEN" align=right>TEXTO QUE RODEARA LA IMAGEN

WIDTH y HEIGHT Indican el ancho y alto de la imagen respectivamente
El tamaño de la imagen, podemos especificarla en valor absoluto, puntos de la pantalla o en porcentaje al tamaño de la pantalla.
Se puede especificar ambos valores o uno de ellos. Se recomienda el uso de uno de los valores con el fin de que la imagen guarde su proporción.
Como ejemplo trabajaremos la siguiente imagen::

WIDTH="100" : Indica el ancho de la imagen
CODIGO:: <img src="URL DE LA IMAGEN" width="100">TEXTO DE LA IMAGEN
HEIGHT="100" : Indica el alto de la imagen
CODIGO:: <img src="URL DE LA IMAGEN" height="100">TEXTO DE LA IMAGEN

BORDER Indica el tamaño del borde de la imagen.
Se utiliza para eliminar el borde de los enlaces. Si se indica BORDER=0 no se mostrara.

BORDER="0" : Indica el ancho del borde de la imagen
CODIGO:: <a href="URL DE LA PAGINA ABRIR"><img src="URL DE LA IMAGEN" width="100" border=0></a>

HSPACE y VSPACE Indica la separación de la imagen con respecto al texto o imagenes que la circundan.

HSPACE="50" : Indica la separación horizontal	Busto del libertador Simón Bolívar, en lo más alto del Pico Bolívar, En el parque nacional Sierra Nevada, estado Mérida. Es el punta más alto de Venezuela, ubicado en la Sierra Andina. Se cubre de glaciar en los meses de Julio, Agosto y Septiembre.
CODIGO:: <img src="URL DE LA IMAGEN" width="100" align=left hspace=50>TEXTO QUE RODEA LA IMAGEN
VSPACE="50" : Indica la separación vertical	Busto del libertador Simón Bolívar, en lo más alto del Pico Bolívar, En el parque nacional Sierra Nevada, estado Mérida. Es el punta más alto de Venezuela, ubicado en la Sierra Andina. Se cubre de glaciar en los meses de Julio, Agosto y Septiembre.
CODIGO:: <img src="URL DE LA IMAGEN" width="100" align=left vspace=50>TEXTO QUE RODEA LA IMAGEN

lilianamota