Poner una imagen o texto como link

Hoy vamos a ver como poner una imagen dentro de un enlace, de tal manera que al clickear en dicha imagen nos lleve a un enlace al cual definiremos para la misma. También vamos a ver como ponerle nombre a los enlaces y que al clickear nos dirija a la url que hayamos establecido.

Primeramente vamos a buscar una imagen en este caso la url es:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtorfirPhpuWfJdvrmvX17Fb6Ji0IP5AE-tmGVjGdaFXWsCcVVzQX3sUzBWfSy4Ot1sdfaHLNSsL27sFPtZ5nS-Nj3DJrBiCS3JR9mFT7lgDSbMhte8DRUg6p3BT-KfkzABk73rwmPtWew/s1600/Conecta-Tutoriales.png

Y la url del enlace que vamos a definir en este caso es:

http://www.conectatutoriales.com.ar/

Bien, una vez que tengamos la imagen y el enlace vamos a armar el código utilizando los atributo a href y img src y quedaria de la siguiente manera.

<a href='http://www.conectatutoriales.com.ar/'><img src='
https://scontent-b-mia.xx.fbcdn.net/hphotos-prn1/t1/1964921_244365075735798_168247402_n.jpg'></a>

El resultado final es el siguiente

---

Para poner un texto al enlace haremos lo mismo definimos la url y el texto que elijamos para dicho enlace respectivamente, en este caso son:

http://www.conectatutoriales.com.ar/

¡ Conecta Tutoriales !

Y hacemos uso del atributo html a href quedando el código de la siguiente manera:

<a href='http://www.conectatutoriales.com.ar/'>! Conecta Tutoriales !</a>

Quedando como efecto resultante lo siguiente:

! Conecta Tutoriales !

Atención! Todo lo que esta en color verde ha sido utilizado a modo de ejemplo, si van a utilizar lo visto en este post debereán reemplazar las url de los enlaces, las url de las imégenes y los textos citados en dicha entrada por los de ustedes :)