Insertar una imagen en una pagina HTML

Publicado: agosto 14, 2010 en Uncategorized

Para insertar imágenes utilizamos <img src=”aquí ponemos la dirección de la imagen”>

Este tag no tiene tag de cierre.

En Internet tenemos numerosas páginas que proporcionan imágenes gratis. Por ejemplo

http://www.gifmania.com/

Nos vamos a gifmania para obtener una imagen de una ejecutiva

Seleccionamos mujeres y ejecutivas.

Nos situamos sobre la imagen y pulsamos el botón DERECHO

Lo guardamos con el nombre de fichero ejecutiva y guardar como tipo de fichero GIF. Podemos guardarlo con varios tipos de ficheros, elegimos los gif por ocupar poco espacio y dar pocos problemas de compatibilidad.

Si lo guardamos en el MISMO directorio que el fichero HTML que estamos creando la instrucción para insertar la imagen de la ejecutiva nos queda:

<img src=”ejecutiva.gif”>

Es MUY IMPORTANTE tener cuidado con las direcciones de la imágenes. Si las imágenes están en un directorio y el fichero html que estamos creando en otro directorio, la dirección de la imagen debe indicar la localización de la imagen en el otro directorio.

Cuando hemos puesto imágenes en un fichero HTML y al enviarlo al servidor de Internet no aparecen suele ser por dos motivos:

A) Hemos enviado el fichero HTML a Internet pero no los ficheros con las imágenes.

B) Al enviarlo al servidor la dirección donde el programa busca la imagen es distinta de donde realmente esta la imagen. Para comprobar si donde esta la imagen coincide con la dirección que tiene la página nos colocamos sobre la imagen (o sobre donde debería estar) y pulsando el botón DERECHO en el menú que aparece pulsamos propiedades.

Para insertar imágenes animadas se hace todo igual que para insertar imágenes. Simplemente elegimos una imagen animada para enlazar. Por ejemplo en la misma página de http://www.gifmania.com/

Seleccionamos una imagen animada

La guardamos con el nombre ejecutivaanimada

La instrucción para insertar la imagen queda:

<img src=”ejecutivaanimada.gif”>

Y el resultado

Lo recomendable es MANTENER LA MISMA ESTRUCTURA DE DIRECTORIOS en el disco duro de nuestro ordenador y en el servidor de Internet. Al mover los ficheros en el disco duro y posteriormente enviarlo al servidor puede que la dirección de la imagen no coincida con la localización de la imagen.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s