Enlaces en la Web

Esta es la caracteristica que más a influido en el diseño de de las páginas, aparte de su carácter multimedia, la posibilidad de unir los distintos documentos repartidos por todo el mundo por medio de enlaces hipertexto.

Estructura de los Enlaces

En general, los enlaces tienen la siguiente estructura:

<a href="XXX">YYY</a>

Donde XXX es el destino del enlace (observe las comillas). YYY es el texto o gráfico indicativo en el pantalla del enlace (con un color especial y generalmente subrayado).

Tipos de Enlaces

Vamos a distinguir cuatro tipos de enlaces:

Enlaces dentro de la misma página
Enlaces con otra página nuestra
Enlaces con una página fuera de nuestro sistema
Enlaces con una dirección de correo electrónico

Enlaces dentro de la misma página

A veces en el caso de documentos o páginas muy extensos, nos puede interesar dar un salto desde una posición a otra determinada.

En este caso, lo que antes hemos llamado XXX, es decir, el destino del enlace, en este caso el sitio de la página a donde queremos saltar, se sustituye con #marca (la palabra marca puede ser cualquier palabra que queramos). Lo que hemos llamado antes YYY es la palabra o palabras que epareceran en la pantalla en color (en forma de hipertexto). Su estructura es, entonces:

<a href="#marca"> YYY </a>

Y en el sitio exacto a donde queremos saltar, debemos poner la siguiente etiqueta:

<a name="marca"></a>

Por ejemplo, si quiero saltar desde aquí al final del documento, pongo la siguiente etiqueta:

<a href="#final"> Pulsa para ir al final</a>

Que resulta como:

Pulsa para ir al final

Y en el final del documento html ha de ir puesto esta otra etiqueta:

<a name="final"></a>

Enlaces con otra página nuestra

Puede que tengamos una sola página. Pero lo más frecuente es que tengamos varias páginas, una inicial o principal y otras conectadas a ella, e incluso entre ellas mismas.

Supongamos que queremos enlazarnos con la página creada en el ejemplo anterior, que la hemos llamado practica02.html. Es este caso, simplemente sustituimos lo que hemos llamado XXX (el destino del enlace) por el nombre del fichero:

<a href="practica02.html">Ir a la segunda práctica</a>

Que resulta: Ir a la segunda práctica

Si queremos que vaya a un sitio concreto de otra página nuestra en vez de ir al principio de la página, adonde va por defecto, en ese sitio tenemos que colocar una marca (como se indica en el punto anterior), y completar el enlace con la referencia a esa marca.

Enlaces con una página fuera de nuestro sistema

Si queremos enlazar con una página que esté fuera de nuestro sistema (es decir, que esté en un servidor distinto al que soporta nuestra página), es necesario conocer su dirección completa, o URL (Uniform Resource Locator). El URL podría ser, además de la dirección de una página del Web, una dirección de FTP, gopher, etc.

Una vez conocida la dirección o URL, lo colocamos en vez de lo que hemos llamado anteriormente XXX (el destino del enlace). Si queremos crear un enlace al blog WebProSolutions (cuyo URL es: http://www.webprosolutions.blogspot.com), la etiqueta sería:

<a href="http://www. webprosolutions.blogspot.com ">Visita WebProSolutions</a>

Que daría como resultado: Visita WebProSolutions

Es muy importante copiar estas direcciones correctamente (respetando las mayúsculas y minúsculas, pues los servidores UNIX sí las distinguen).

Enlaces con una dirección de Correo Electrónico

En este caso, sustituimos lo que se ha llamado antes XXX (el destino del enlace) por mailto: seguido de la dirección de e-mail. La estructura de la etiqueta es:

<a href="mailto:dirección de email">Texto del enlace</a>

Por ejemplo:

Comentarios a <a href="mailto:maparcana@gmail.com">WebProSolutions</a>

Que daria como resultado: Comentarios a WebProSolutions