Como crear un enlace con una imagen en html

El formato es simple

<a>
<img src="urldetuweb"><img src="urldelaimagen"/>
</a>

En este ejemplo tomaremos la imagen de nuestro icono de infosuriguazu para pegarlo mas abajo:

Infosur Iguazú Sitios Web - Asistencia y Soporte Tecnico

Copiamos el codigo html del enlace segun el formato especificado mas arriba.con un comando para que abra la pagina en otra ventana y que la imagen sea mas chica de 80 pixeles.

<a href="https://infosuriguazu.com/" target="_blank" >
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2iQGRuqBbWFjyydSJT-DgE0w04g8mMfZ2xIbhhIQwUuXwAvFo3-YoM-mO_YMRTbuPW-oz78fhirmPyEqRH4zxKgS4QHSiIyzcd53Z7_bJ9A0cmNhIs7lwwraHeMx0bwCqBw7kYGbjivg/s16000/infosur%25281%2529.gif" width="80" alt="icono de infosuriguazu - Sitios web - Asistencia y soporte tecnico" />
</a>
 
y lo pegamos aqui abajo:
 

icono de infosuriguazu - Sitios web - Asistencia y soporte tecnico 

En <a href="urldetuweb"> agregamos el comando target="_blank" para que nos muestre en otra pestaña la web que vamos a abrir, quedaria asi:  <a href="urldetuweb" target="_blank">

Quedo perfecto, dentro de <img src="urldelaimagen" width=80>  agregamos width es igual a 80 pixeles que seria el tamaño en ancho de la imagen.

Espero que les sirva.


No hay comentarios:

Publicar un comentario

 

Buscar

Comentanos tu Proyecto

Nombre

Correo electrónico *

Mensaje *

Blogger news

Entrada destacada

Cual es el Mejor alojamiento de archivos en la nube.

Rapidamente veremos algunos alojamientos de archivos en la nube, como diseñador, me interesa la cantidad de megas gratis y es esto lo que va...

Archivos

Hitstat