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