sábado, 29 de enero de 2011

Imagenes con codigo html

Para insertar una imágen en una página de internet debes utilizar el siguiente código:

Código:

<img src="http://www.blogger.com/img/logo40.gif">

Resultado:



Fíjate que la dirección URL se refiere a la dirección en el internet donde se encuentra publicada la imágen. Esta debe estar publicada en los archivos de tu web o en algún servicio de alojamiento de imágenes como imageshack para que puedas incluirla en tu web.

Para saber la dirección URL o nombre de una imágen ya publicada en el internet debes hacer un click derecho (right-click) sobre la imágen y seleccionar la opción de propiedades (properties) y ahí verás la dirección URL. Si haces esto en la imágen anterior la dirección que debes ver es la siguiente.

Dirección: http://www.blogger.com/img/logo40.gif

Ahora, para que la imágen sea adjudicada por el editor de texto debes incluir la dirección URL dentro del código de <img src=""> como explica el ejemplo anterior.

Coloca el código donde quieras que se vea la imágen dentro de la página y listo.



Un efecto que podemos añadir a una imágen es el de hacer click sobre esta para que nos lleve a otro lugar. Al igual que enlazamos un texto (Ver tópico de enlaces) podemos enlazar una imágen. Veamos el siguiente ejemplo:

Código:

<a href="http://www.blogger.com"><img src="http://www.blogger.com/img/logo40.gif"></a>

Resultado:



Si colocamos el apuntador del mouse sobre la imágen y hacemos click, esta nos llevará a la dirección indicada en el código de <a href=>.



Otro efecto que podemos adjudicar a una imágen es el de posición. Para posicionar una imágen dentro de una página de internet solo debes añadir el siguiente código.

Código:

<center><img src="http://www.blogger.com/img/logo40.gif"></center>

Resultado:




La imágen debe verse centralizada al añadir el código de <center>

Para izquierda o derecha puedes cambiar el código de center por <right> para derecha y <left> para izquierda.

No hay comentarios:

Publicar un comentario