Cómo poner una imagen con un enlace en html

Imagen-con-enlace-html

En este tutorial vamos a hacer que una imagen tenga una acción al darle clic por medio de html, es algo muy fácil y sencillo de hacer, no demorará más de un minuto en hacerlo.

Obtener link de la imagen

Si está creando una App en Appcreator24, una web en Wordpress , Blooger o en cualquier sitio, deberán alojar las imágenes en algún servidor, en este caso pueden hacerlo en Dropbox, Imgbb (Es uno de mis favoritos), entre otros, el que más le guste, una vez tengan la imagen subida en el servidor sacarán la url de la imagen.

Si están trabajado en un proyecto fuera de conexión a Internet, pueden poner la imagen dentro de la carpeta .html donde están trabajando, el enlace de la imagen sería en este caso el nombre, es decir "logo.jpg"{alertInfo}

El link de la imagen lo van a pegar acá

<img src="acá va el link de la imagen">{codeBox}

Borran el texto sin eliminar las comillas y pegan el link de la imagen, ahí ya tendrían una parte listo.

Añadir enlace a una imagen en html

Bien, ahora solo debemos buscar el enlace que queremos pegar a nuestra imagen, y lo pegamos en este código:

<a href="acá va el link de la web"><img src="acá va el link de la imagen"></a>{codeBox}

Ya todo junto quedaría algo así:

Publicar un comentario

Artículo Anterior Artículo Siguiente