
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 web, los 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.