Enlaces con imagenes (HTML)

Si te preguntas ¿Como puedes hacer para que al dar click en una imagen te lleve a otro sitio?
Aqui esta la solucion a tu pregunta.
Esto es muy sencillo y es muy paresido a los enlaces de texto con html.


Hay dos codigos muy sencillos, como estos:

1)

<a href="pagina de destino"><img src="tu
imagen"/></a>

Solo debes de cambiar lo siguiente:


•Donde dice "pagina de destino" poner el URL del sitio al que deseas que se dirija al dar click en la imagen.
•Donde dice "tu imagen" debes de poner el URL de tu imagen, es decir, lo que debes hacer es ir a un host de imagenes como Tinypic y Photobucket los mas polulares pero hay miles. Registrarte y subir tus imagenes, en el caso de Tinypic no es necesaria la registracion. En estas paginas te proporcionan varios links o codigos pero el que necesitamos es el Direct Link ya que ese es el que debes colocar.

Resultado:





2)

<a href="pagina de destino" target="_blank"><img src="tu
imagen.jpg" alt="descripcion" /></a>

Con este debes hacer exactamente lo mismo que con el codigo anterior PERO a diferencia que en este hay algo extra que dice "descripcion", este solomente es para poner una descripcion, es decir, que cuando pases el puntero de tu mouse este diga algo.


Resultado:

Posted in: HTML/CSS