Links en HTML

 Para insertar un vínculo dentro de una página web debemos utilizar el elemento html o  etiqueta :

<a></a>

Por defecto los navegadores mostrarán este elemento mostrándolo en azul y subrayado. Incluso podrían mostrar distinto color si ha sido seleccionado ya anteriormente. En el atributo href  se le indicará la ruta, URL

<a href="url">Aquí el texto que mostrará par el link </a>

 

Se vería 

Con el atributo target, controlamos si queremo que se abra el vínculo en la ventana que estamos("_self") o en una nueva("_blank"). Por defecto se abre en la ventana que estamos. Más información en w3schools

 

Value	Description
_blank	Opens the linked document in a new window or tab
_self	Opens the linked document in the same frame as it was clicked (this is default)
_parent	Opens the linked document in the parent frame
_top	Opens the linked document in the full body of the window
framename	Opens the linked document in the named iframe

La Rutas pueden ser absolutas o relativas. Las rutas absolutas por ejemplo son las que se utilizarían en el link a una web. Los enlaces locales deben de ser especificados con una ruta relativa.

 <h2>Absolute URLs</h2>

<p><a href="https://www.w3.org/">W3C</a></p>
<p><a href="https://www.google.com/">Google</a></p>

<h2>Relative URLs</h2>
<p><a href="html_images.asp">HTML Images</a></p>
<p><a href="/css/default.asp">CSS Tutorial</a></p>

Si queremos realizar un vínculo a una página web en el atributo href especificaríamos la url de de la página web

<a href="https://www.w3schools.com/" target="_blank">w3schools</a>

 

Si queremos hacer un vínculo interno en una página. Por ejemplo al Capítulo 2. Asignamos el atributo id="identificador"(que ha de ser único en la página) y la ruta la ponemos #identificador. Por ejemplo:

<a href="#capituloDos"> capítulo 2</a>

y se dirigiría hasta la zona del html donde se encontrase identificado un elmento con id="capituloDos"

<h2 id="capituloDos">Capítulo 2</h2> 

Si dicho capítulo se encontrase dentro de una página Web llamada cuento sería:

<a href="cuento.html#capituloDos"> capítulo 2</a>

Por ejemplo

 

Si queremos hacer un enlace a un correo electrónico.

<a href="mailto:dirección@gestor.com">Enviar mail</a>

 

Titulo para un enlace

<a href="https://www.w3schools.com/html/" title="Ir a lasección html de la web W3Schools ">Tutorial en HTML</a> 

 

Ampliando

atributo rel no follow

 

Enlaces interesantes acerca del tema

• https://users.dcc.uchile.cl/~ahevia/html/links.html
• https://www.htmlquick.com 
• http://html.conclase.net