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).


Publicidad

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


Publicidad

(Hoy 10 visitas, y 18.922 visitas a la web)

Otros enlaces interesantes

Temas relacionados

¿Aún no está suscrito al blog?

Suscríbase a nuestro feed y recibe las publicaciones en tu email gratis:

ESCRIBE UN COMENTARIO