Buscar

 

Los hipervínculos en html

En este artículo se explica como hacer hipervínculos o enlaces en html

Hipervínculo simple

Los hipervínculos se definen con la etiqueta <a href=""> </a> en la parte entre comillas se puede colocar una sección del mismo documento, una página local o una página externa.

Para colocar una página externa es necesario colocar la url completa tal como se muestra a continuación:

<a href="http://www.moyata.com">Página web moyata.com</a>

El código anterior se vería como sigue:

Página web moyata.com

Para colocar un vínculo a una página local simplemente se escribe el nombre de la página, por ejemplo:

<a href="pagina.html">una página local</a>

Para hacer referencia a un marcador dentro del mismo documento se escribe:

<a href="#IdDelMarcador">Va al id del marcador de la misma página</a>

Los colores

Los colores por defecto son los siguientes:

También es posible personalizar los colores

Establecer un marcador

Un marcador es un lugar dentro del mismo documento, se establece d ela siguiente manera:

<a name="lugar" id="lugar"></a>

Luego para volver a ese lugar se establece un link haciendo referencia al ID

<a href="#lugar></a>

como ejemplo el siguiente hipervinculo volverá al título los hipervínculos

ir a los hipervínculos

El atributo destino

El target es un atributo que especifica dónde se abre la página vinculada.

El atributo de target puede tener uno de los siguientes valores:

Para usar los targets: _parent, _top y framename se necesita tener páginas con marcos, que ese es otro tema.

Ejemplos con vínculos a esta misma página:

<p><a href="http://tutoriales.moyata.com/contenido.php?v=4" target="_blank">Vínculo con el target _blank</a></p>

Vínculo con el target _blank

<p><a href="http://tutoriales.moyata.com/contenido.php?v=4" target="_self">Vínculo con el target _self</a></p>

Vínculo con el target _self