Taller blogs infantil: Como poner un enlace a una imagen

Escribo esta entrada a petición de una compañera de infantil. Espero que resuelva su duda.

Lo que necesitas

✔La URL  de la imagen a la que te interesa añadir un enlace, puede ser en formato PNG, JPEG ó GIF, para ello tienes que subirla a un servidor como Photobucket ó  Blogger.

Ejemplo:
http://www.educared.org/global/premiointernacional/espacio-trabajo/img/memorias/2011_04_21_20_08_20_imagen2.png


✔La dirección del enlace (URL) al que quiero que se redireccione, cuando se haga click sobre la imagen.


Ejemplo:
http://unadolaelrecreo.blogspot.com/


✔Y por supuesto el Código HTML.

Instrucciones:

Paso 1.Copia el código siguiente y pegalo en un sitio donde puedas trabajar con el

<a href="URL_de_la_pagina_o _de_la _entrada"   target="_blank"><img alt="texto alternativo" src="URL_de_ la_imagen" title="texto que aparece al poner el puntero sobre la imagen"/></a>

Paso 2. Sustituye lo que esta marcado de azul, ojo: ten mucho cuidado de no borrar las comillas que estan al principio y al final de cada enlace o texto.

Notas:
El texto alternativo, es un  una descripción corta de la imagen, este texto aparece en sustitución de la imagen cuando esta  no puede ser mostrada por alguna razón por el navegador.

Si no quieres que se muestre ningún texto al poner el puntero sobre la imagen, elimina la parte que dice: title="texto que aparece al poner el puntero" y listo.


Paso 3. Ya que sustituiste los datos, ya puede usar la imagen donde quieras.

Resultado:

                 (Ejemplo)