APRENDER
A USAR HTML (parte II)
1. Hipervínculos entre documentos diferentes
Para definir un vínculo, utilizaremos
el par de etiquetas <A> </A>, cuyo nombre significa "anchor"
("ancla" en inglés). El atributo o complemento que esta etiqueta debe tener para
"tirar" un ancla hacia otra página es HREF (Hypertext REFerence, o referencia
de hipertexto). Básicamente un vínculo consiste en la combinación de las etiquetas
<A> </A> y el atributo HREF, con el detalle de la dirección
a la quiero ir y un texto que sirva de referencia:
<A HREF="dirección de Internet a la que quiero ir") Texto
sobre el cual el ususario deberá hacer click. </A>
Supongamos que la página habla de rock y que queremos introducir vínculos hacia
otras páginas que aborden el mismo tema. Hay diferentes posibilidades:
• Vincularse con otros sitios.
Ejemplo: quiero establecer un link hacia el sitio de música
rockandweb.com.
Si quieres ir a RockandWeb <A HREF="rockandweb.com"> haz clic aquí.
</A>
El usuario verá: Si
quieres ir a RockandWeb haz click aqui.
• Vincularse a documentos específicos en otros sitios.
También puede ocurrir que nuestro link no esté dirigido a la página de entrada
de un site sino a un documento determinado dentro de ese site. Ejemplo: quiero
hacer un link hacia la sección de rock dentro del site "amarillas.com". En este
caso habrá que escribir la ruta completa hacia la sección rock del site amarillas.com.
En ese caso:
También podemos destacar la <A HREF="http://www.amarillas.com/rock/index.html">
sección de rock del site amarillas.com </A>
El usuario verá:
También podemos destacar la sección de rock
del site amarillas.
• Vincular un documento dentro del mismo sitio. En la mayoría de los
casos no nos interesa crear un link a lugares tan lejanos, sino vínculos dentro
de nuestro propio site. Supongamos que queremos hacer un link hacia un página
creada por nosotros. Los vínculos a direcciones dentro del mismo site suelen ser
"relativos", porque no hace falta incluir la dirección entera (con el tramo que
va desde "http://" hasta la primera "/"), sino la dirección sólo a partir del
lugar en el que nos encontramos.
Ejemplo: queremos hacer un vínculo a una página con información sobre Charly García
creada por nosotros y cuyo documento se llama charly.html. Como los servidores
de El Sitio guardan todas las páginas de un usuario en un mismo directorio, bastará
con que nuestro link contenga el nombre del archivo.
En ese caso será:
También está mi página <A HREF="charly.html"> sobre Charly García
</A>
Que sería lo mismo (pero más económico) que escribir:
También está mi página <A HREF="http://habitantes.elsitio.com/nombre de
usuario/charly"> sobre Charly García </A>
Pasemos todo en limpio. Primero, el HTML:
El resultado:
También puede ocurrir que, encontrándonos en nuestra página principal, necesitemos
crear un link relativo a un archivo llamado "biografía.html" que se encuentra
en la carpeta "charly", que hemos creado dentro de el directorio que El Sitio
nos ha asignado.
En ese caso, el link será:
Puedes leer más <a href="/charly/biografia.html"> sobre la vida de
Charly García </a>
¿Y si queremos volver al índice? En ese caso utilizaremos "../" para indicar que
el documento se encuentra en la carpeta anterior: <a href="../index.html">Volver
al índice </a>
• Paso 2: Hipervínculos en un mismo documento
(navegación interna)
Guía de lectura
• Introducción
TEMAS
RELACIONADOS
Manual de JavaScript para "bajar" a tu computadora
Tutorial
de Flash 5
Editores
de páginas web fáciles y gratuitos
Todo para tu sitio