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.
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.publispain.com/webmaster/). El enlace sería:
<a href="http://www.publispain.com/webmaster/cursohtml.zip">Curso de HTML</a>
Y quedaría como:
Curso de HTML (no existe).
(A las direcciones completas de las páginas web se las llama URL)
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.
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:
Contenido del documento.
Podemos definir cuantas secciones queramos en un documento, pero no se debe repetir ningún nombre de marcador.
