Enlaces (links) con otras páginas en HTML

La característica que más ha influido en el espectacular éxito del Web (o tela de araña) ha sido, aparte la de su carácter multimedia, la posibilidad de unir los distintos documentos repartidos por todo el mundo por medio de enlaces hipertexto.

En general, los enlaces tienen la siguiente estructura:

<A HREF=»enlace»> texto indicativo </A> Tipos de enlaces

Vamos a distinguir cuatro tipos de enlaces:

 

  1. Enlaces dentro de la misma página
  2. Enlaces con otra página nuestra
  3. Enlaces con una página fuera de nuestro sistema
  4. Enlaces con una dirección de email

 

 

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 dentro de la página a donde queremos saltar, se sustituye por #marca (la palabra marca puede ser cualquier palabra que queramos). Lo que hemos llamado antes YYY es la palabra (o palabras) que aparecerán 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>

 

Enlaces con otra página nuestra

Puede ser 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 enlazar con la página creada en el ejemplo del  capítulo anterior, que la hemos llamado mipag2.html. En este caso, simplemente sustituimos lo que hemos llamado XXX (el destino del enlace) por el nombre del fichero:

 

<A HREF=»pag.html»> capítulo 12 </A>

 

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 y completar el enlace con la referencia a esa marca.

 

 

 

Un sitio concreto, donde he puesto la marca <A NAME=»alinear»></A>. Entonces la etiqueta tiene que ser: <A HREF=»cap4.html#alinear»> Capitulo 4 </A> Que resulta: Capitulo 4

 

  1. 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 enlazar con la página del Instituto Galego de Formación (cuyo URL es: http://www.igf.es/), la etiqueta sería:

 

<A HREF=»http://www.google.es/»> Página inicial de Google </A>

 

  1. Enlaces con una dirección de email

En este caso, sustituimos el destino del enlace por mailto: seguido de la dirección de email. La estructura de la etiqueta es:

 

<A HREF=»mailto: dirección de email»> Texto del enlace </A>

 

Un ejemplo de esto está al final de la página principal de este manual. Podría haber puesto:

 

Comentarios a <A HREF=»mailto: [email protected]»> Link al mail</A>

 

 

Ejemplo

<HTML>

<HEAD>

<TITLE> Mi pagina del Web - 3 </TITLE>

</HEAD>

<BODY>

<CENTER>

<H1> Mis paginas favoritas </H1>

</CENTER>

<HR>

Estas son algunas paginas favoritas:

<P>

<BR> <A HREF="http://www.microsoft.com"> Microsoft </A>

<BR> <A HREF="http://www.yahoo.com"> Yahoo! </A>

<BR> <A HREF="http://www.google.es"> Google</A>

</BODY>

</HTML>

 

También te podría gustar...

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *