|
Los
enlaces son una de las partes más importantes y prácticas
dentro de los documentos web ya que permiten entrelazar diferentes
documentos entre si que a su vez pueden estar entrelazados con
otros, etc. Hay diferentes tipos de enlaces: enlaces
a otra página, enlaces
a una URL, marcadores
y enlaces a una dirección de correo.
Enlaces a otra página:
Vamos
a enlazar a continuación dos documentos web dentro de un
mismo directorio (recordad que es importante saber el directorio
que ocupan nuestros documentos e imágenes. Ver tema: Imágenes).
Para realizar este vinculo entre páginas utilizaremos el
siguiente codigo.
Ejemplo:
Mediante
este vínculo estamos uniendo esta página con nuestra
página principal, que en nuestro caso tiene de nombre index.htm,
de esta manera podemos unir las distintas páginas de nuestros
proyectos con este tipo de enlace.
Enlaces a una URL:
En
el apartado anterior enlazabamos dos documentos web dentro de
un mismo directorio. En este apartado vamos poner un vínculo
a una dirección web (URL). Lo haremos de la siguiente manera:
Ejemplo:
| <A href="http://www.yahoo.com">Ir
a Yahoo</A> |
Resultado:
Ir
a Yahoo
|
Lo
que conseguimos en este caso es un vinculo entre nuestra página
y otra de internet (en este caso yahoo).
Marcadores:
Los
marcadores son un tipo de enlaces dentro de una misma página,
se suelen utilizar en páginas de gran extensión
para saltar de un sitio a otro detro de la web sin tener que utilizar
la barra de desplazamiento. Veamoslo más claro en este
ejemplo en el que pondremos un marcador al principio de esta página.
Ejemplo:
<A name="enlacesaotra">Enlaces
a otra página</A>
<A href="#enlacesaotra">Ir
a enlaces a otra página</A> |
Resultado:
Ir
a enlaces a otra página
|
Vamos
a estudiar esto de los marcadores con más detenimiento,
para empezar observemos que tienen dos partes: una en la que se
define el atributo name
y
otra en la que se define el atributo href.
En la primera estamos insertando una etiqueta con un nombre donde
definimos el lugar donde tiene que ir el vinculo, es lo que llamamos
una marca. Entre la apertura y el cierre de esta etiqueta irá
el texto o imagen a la que estara apuntando el vínculo,
en nuestro caso el vinculo apunta a la sección de esta
pagina de: Enlaces a otra página, por lo que iremos buscando
en el codigo donde pusimos anteriormente esa frase y le pondremos
la etiqueta. La siguiente etiqueta es la que crea el vinculo en
la frase: Ir a enlaces a otra página que apunta a donde
hemos colocado la marca (el atributo href
tendra
como valor el nombre de la marca precedido por
#).
Enlaces a una dirección de correo:
En
este apartado nuestro enlace sera hacia una direccion de correo.
Este enlace funcionará cuando pinchemos en el abriendonos
el servidor de correo que tengamos predeterminado en nuestro ordenador
y con la dirección a la que apunta ya colocada.
Ejemplo:
| <A href="mailto:bootsbob05@yahoo.com">Mi
E-Mail</A> |
Resultado:
Mi
E-Mail
|
En
esta clase de enlaces no se os olvide poner mailto:
en el atributo href antes de la dirección de correo electrónico.
|