Curso HTML Capitulo 3 - Enlaces

Seguimos con el Capitulo 3 - Enlaces.

La caracteristica mas influyente que tiene HTML es 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="direccion del enlace"> texto indicativo </A>

Tipos de enlaces

Existen 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.

Vamos con el primero:
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 1, que la hemos llamado miprimerapaginaweb.html. En este caso, simplemente colocamos en HREF el nombre del documento:

<A HREF="miprimerapaginaweb.html">Ir a m iprimera pagina web</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="cap3"></A>.

Entonces la etiqueta tiene que ser: <A HREF="pagina.html#cap3"> Capitulo 3 </A>

Con esto lograremos que cuando se cargue la pagina entonces nos moveremos hasta la posicion donde este 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 enlazar con la página de nuestro canal de youtube (cuyo URL es: http://www.youtube.com/user/AprendeloFacil), la etiqueta sería:

<A HREF="http://www.youtube.com/user/AprendeloFacil"> Canal de YouTube </A>

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>

¿Como se hace para que un enlace se abra en otra pestaña de mi navegador?

Bueno, para hacer esto incluiremos target="_blank" a nuestra etiqueta de enlace de esta manera:

<A HREF="http://www.youtube.com/user/AprendeloFacil" target="_blank"> Canal de YouTube </A>

**PROMOCIÓN**

NeoBux : ¡Gana $$$ por cada click que hagas!

Empieza dando click en la imagen...