Enlaces

[Anterior] [Siguiente] [Contenido]

Contenido del Capítulo:

[Arriba]

Los enlaces

Los enlaces (o hiperenlaces) nos permiten saltar de una página a otra con un simple click. También nos permiten acceder a ficheros e imágenes. En general un enlace tiene la forma:

<a href="dirección_destino">descripción_del_destino</a>

En dirección_destino debemos poner la dirección de la página, fichero, o imagen a la que queremos saltar.

La descripción_del_destino debe ser una pequeña descripción del sitio o la página a la que nos conduce el enlace.

[Arriba]

Enlaces a otras páginas

Si queremos poner un enlace a una página fuera de nuestro sitio tenemos que indicar su dirección completa (incluyendo el http://). Si quisiéramos por ejemplo enlazar con la página del Web Consortium cuya dirección es http://www.w3.org deberíamos hacer:

<a href="http://www.w3.org">Web Consortium</a>

Y este enlace se verá como: Web Consortium. Si pinchas sobre este enlace irás a su página web.

También podríamos acceder directamente a un fichero que hubiera en su página. Imaginemos que queremos poner un enlace al fichero que contiene este curso en mi página (es el fichero cursohtml.zip que está en www.oocities.org/g_urrutia/files/). El enlace sería:

<a href="http://www.oocities.org/g_urrutia/files/cursohtml.zip">Curso de HTML</a>

Y quedaría como: Curso de HTML.

(A las direcciones completas de las páginas web se las llama URL)

[Arriba]

Enlaces a otra página nuestra

NOTA: Por si no sabías en nuestro sitio web podemos poner más de una página. La página principal normalmente se llamará index.html o index.htm y desde ella enlazamos a las demás.

Para enlazar con una página que está en nuestro sitio web basta con poner el nombre de esa página (por ejemplo cap2.html); no es necesario poner toda la dirección. Para poner un enlace al capítulo 8 de este curso tendríamos que hacer:

<a href="cap8.html">Capítulo 8 del curso</a>

y quedaría así: Capítulo 8 del curso.

[Arriba]

Enlaces a una sección dentro de la misma página

Quizá te has fijado que al principio de cada capítulo pongo un pequeño índice con el contenido. Si pinchas sobre algún título vas a la sección correspondiente. En un documento HTML se pueden definir unos "marcadores" en cualquier parte del documento. Para poner un marcador se usa <a name="nombre_marcador">, y para acceder a el usamos <a href="#nombre_marcador">. Por ejemplo al principio de este capítulo hay definida una etiqueta:

<a name="contenido"></a>

NOTA: La etiqueta a name debe llevar un </a> al final.

y para acceder a ella desde cualquier parte del documento hacemos:

Principio de documento

Contenido del documento.

Podemos definir cuantas secciones queramos en un documento, pero no se debe repetir ningún nombre de marcador.


Actualizada el día: 9 de Marzo de 2000

© Gorka Urrutia, 1999, 2000

gorkau@oocities.com
Gorka's Web Page