Todo esto lo consigue el elemento <A> (por Anchor, en inglés = ancla o punto de anclaje). En lo sucesivo le llamaremos enlace o sinplemente link (en inglés link=eslabón o enlace).
Pero seguramente te preguntarás qué es eso de un "link". Pues un link es un área de la pantalla, que puede contener una o varias palabras o una imagen, que es "sensible" al puntero del ratón, y al ponerlo sobre ella y pulsar el botón izquierdo el visualizador llamará a la página que tiene asignada el link. Habitualmente por defecto los visualizadores señalan un área linkada subrayándola, si es texto, o poniéndole un borde si es una imagen, ambas cosas en color azul. Por supuesto, eso se puede cambiar en las configuraciones de visualizador.
Se escribirá:
<A HREF="http://www.miservidor.es/mifichero.html"> Link de prueba </A>.Este elemento tiene dos atributos: HREF y NAME.
En el ejemplo de arriba al atributo HREF se le asigna el valor que aparece entre comillas: "http://www.miservidor.es/mifichero.htm". El texto sobre el que se monta el enlace es Link de prueba y realiza un link con el fichero mifichero.htm que está en el servidor www.miservidor.es.
El valor de los atributos hay que escribirlos EXACTAMENTE como se deba. En el ejemplo anterior no funcionaría el link si escribiéramos www.miservidor.es en mayúsculas o con alguna otra diferencia, eso es un nombre de máquina y sería interpretado como OTRA máquina. Esto es aplicable a todos los parámetros: servicio (http://) servidor (www.miservidor.es) y fichero (mifichero.htm).
Dentro de los parámetros pasados a HREF, podrás ver que al principio pone http://, esto es, el tipo de servicio al que el visualizador va a llamar, y hay varios :
| Servicio | Descripción | Ejemplo | Efecto |
|---|---|---|---|
| http:// | Servicios WWW | <A HREF="http://www.uv.es/"> WWW</A> | WWW |
| ftp:// | Servicios FTP | <A HREF="ftp://ftp.uv.es/">FTP</A> | FTP |
| gopher:// | Servicios GOPHER | <A HREF="gopher://gopher.uv.es/">GOPHER </A> | GOPHER |
| news:// | Servicios NEWS | <A HREF="news://news.uv.es/">NEWS</A> | NEWS |
| mailto:// | Servicios E-mail | <A HREF="mailto:jac@uv.es/">E-mail</A> | |
| file:///C| | Fichero local | <A HREF="indice.htm/">Fichero</A> | Fichero |
Además de HREF, el elemento <A> puede tener otro atributo: TARGET. Se utiliza para ordenar la apertura de otra ventana del visualizador con la página que se desee. Se escribirá:
<A HREF="indice.htm" TARGET="Ventana-2"> </A>
Esta instrucción mostrará la página indice.htm pero con otra ventana del visualizador, es decir tendremos lanzado el visualizador 2 veces. Esto sólo funciona si el sistema operativo de tu máquina es multi tarea (p.ej.: Windows-95).
Como se acaba de ver, el atributo HREF sirve para enlazar con otro documento, que puede estar en un servidor o ser un fichero local, pero que siempre se nos presentará desde la primera línea del mismo.
El atributo NAME se utiliza para definir algo así como "un punto de aterrizaje" en cualquier línea del documento de destino, de forma que nos aparecerá en pantalla desde la línea deseada y no desde el principio. Esto es muy útil cuando se trata de documentos largos divididos en secciones.
Se escribirá así:
En el documento activo:
<A HREF="http://www.miservidor.es/mifichero.html#punto1"> Ir al punto 1</A>En el documento destino:
<A NAME="punto1"></A>NAME también puede utilizarse para saltar de una línea a otra dentro de un mismo documento. Se escribirá así:
Dentro del documento activo En la línea de partida:
<A HREF="#punto1">Ir al punto 1</A>En la línea de destino
<A NAME="punto1"></A>Por ejemplo, si haces "clik" aquí con el ratón, saltarás al principio de esta página.