Agregar hipervínculo en html a una imagen

Imagen de Etiquetas HTML para crear hipervínculos

Las características que tienen los hipervínculos es que al pasar el cursor sobre ellos, el ícono del cursor cambia y se convierte en una mano.

Para agregar hipervínculos en una web es muy importantes, y para esto utilizamos las Etiquetas HTML (a href).

Dentro de una página weblos hipervínculos son las palabras, párrafos o imágenes que al darles click, te llevarán a otro lugar, pueden ser dentro de la misma web o web externa.

Crear un hipervínculo:

Los hipervínculos se indican con la etiqueta <a>. Esta etiqueta <a> deberá incluir el atributo href para especificar el destino del hipervínculo, y luego, se deberá cerrar de la manera </a> para indicar el fin del texto o de la imagen que contiene el hipervínculo.

El hipervínculo en HTML debe ser de la siguiente manera:

<a href=”dirección del sitio”>Texto del Hipervínculo</a>

Ejemplo:

<a href=http://ultimominuto.masdelaweb.com/>Noticias de Último Minuto</a>

Hipervínculos con imágenes:

Para crear un hipervínculo en una imagen, de manera que cuando el usuario de click a una imagen se le envíe a algún sitio, simplemente hay que incluir la imagen dentro de la etiqueta <a>, como en el siguiente ejemplo:

Ejemplo de una imagen sin hipervínculo: (incluido el tamaño)

<img src=»http://www.prueba.net/pastel.jpg» alt=»Pasteles» width=»150″ height=»125″ />

Ahora, Esta imagen tenga un hipervínculo, lo debemos especificar así:

<a href=»http://www.otraweb.net/nuevo.html«> <img src=»http://www.prueba.net/pastel.jpg» alt=»Pasteles» width=»150″ height=»125″ /> </a>

La misma imagen, pero que habra en otra pestaña o página nueva

<a href=»http://www.otraweb.net/nuevo.html» target=»_blank»> <img src=»http://www.prueba.net/pastel.jpg» alt=»Pasteles» width=»150″ height=»125″ /> </a>

Antes de finalizar el trabajo, no olvides verificar que el hipervínculo funciona bien.

http://www.basekit.com.mx

(1 visitas en total, y 1 visitashoy)

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.