×

Hipervínculos

Los vínculos son un elemento fundamental de un sitio web.

Los vinculos son estos elementos de un sitio a los que damos clic y nos direccionan a otro lugardentro del mismo sitio o a cualquier otro lugar de la internet.

En HTML los vínculos se definen mediante la etiqueta:

<a></a>

Esta etiqueta recibe el atributo href, el cual especifica la dirección de destino del vínculo:

<a href=""></a>

Dentro de la etiqueta <a> y </a>, podemos colocar texto, imágenes u otra estructura HTML que fungira como ancla del vínculo. Es decir, al momento que el usuario de clic sobre dicho elemento, el usuario será redireccionado a la ubicación especificada en el elemento href.

Ejemplo: A continuación vamos a crear un vínculo que apunte a nuestra página de Facebook:

<a href="https://www.facebook.com/soyitecschool">iTec School Facebook</a>

Guarda este archivo desde tu editor de código y al mostrarlo verás un vínculo que al dar clic, te llevará a la página de Facebook de iTec School. No olvides dar me gusta.

Vínculos absolutos o relativos

Un vínculo es absoluto, cuando se especifica la dirección URL completa desde el nombre del dominio www.itec.school y los parámetros de este https://itec.school/course/laravel-mysql-y-ajax-sistema-de-historia-clinica

Ejemplo de vínculo absoluto

<a href="https://itec.school/course/laravel-mysql-y-ajax-sistema-de-historia-clinica">iTec School</a>

Un vínculo relativo es aquel que solo especifica el URI, o el identificador de recurso, es decir, la parte de la dirección URL que se escribe después del nombre del diminio. Este tipo de enlaces se emplean para hacer referencia a recursos que se ubican dentro del mismo sitio, o nombre de dominio. 

Ejemplo de vínculo relativo

<a href="/course/laravel-mysql-y-ajax-sistema-de-historia-clinica">iTec School</a>

Abos enlaces funcionan bien dentro de iTec School. Pero si copiamos el titio a otro nombre de dominio, por ejemplo www.scriptbc.com, el segundo ejemplo apuntaría a la dirección URL www.scriptbc.com/course/laravel-mysql-y-ajax-sistema-de-historia-clinica.

Atributo "target"

Este atributo nos permite especificar, donde se abrirá el documento vinculado. De manera predeterminada, cuando das clic en un enlace, este se abre en el mismo navegador y pestaña desde el que fue dado el clic, pero en ocasiones resulta necesario que el enlace se abra en otra pestaña para ello escribimos el atributo target"_blanck"

Ejemplo:

<a href="www.itec.school" target="_blank">Ver mas</a>



dashboard