ENLACES

Vas a ver ahora mismo un ejemplo de cómo se codificaría un enlace a la página de la Secretaría de Educación:

Ejemplo 1:

<a href="http://www.educacionbogota.edu.co/">Secretaría de Educación</a> 

que se visualizará así en el navegador:

El elemento a es la abreviatura de "anchor" (ancla, en español). Y el atributo href es la abreviatura de "hypertext reference" (es decir, referencia hipertextual), que especifica hacia dónde nos dirige el enlace; normalmente, una dirección de internet o un nombre de archivo.

En el ejemplo anterior el atributo href contiene el valor "http://www.educacionbogota.edu.co", que es la dirección completa de la página de la Secretaía de Educación de Bogotá y que se denomina URL (Uniform Resource Locator; en español, localizador de recursos uniforme).  El texto "Secretaría de Educación" es el que aparece en el navegador como enlace.

Recuerda cerrar el elemento con la etiqueta de cierre </a>.

Etiqueta <a>

Enlace a la misma página: Enlaces de ancla.

Es necesario un enlace y un punto de referencia unívoco: punto de ancla.

Parte A del documento

<a href="#nombreAncla">Texto enlace ancla</a>

Parte B del documento

<a name="nombreAncla“></a>

No se referencia una URL sino el nombre del

punto de ancla precedido por el símbolo (#)

<a name="arriba"></a>

Con esto definimos un lugar al que podemos enviar a las visitas si pulsan el enlace que luego veremos cómo colocar. Si ahora en la parte inferior colocamos otra línea como esta:

<a name="abajo"></a>

tendremos la posibilidad de poder enviarlas también a la parte baja de esa página web.

Ahora falta colocar el propio enlace. Si queremos enviar a las visitas a la parte superior, lo normal es colocar el enlace en la parte inferior (si el usuario está arriba, para que darle la opción de ir arriba si ya está allí, verdad?). Esto se puede hacer con por ejemplo esta línea de Html:

<a href="#arriba" title="Ir Arriba">Ir arriba</a>

Del mismo modo, podríamos colocar arriba de la página otro enlace que permitiera a las visitas ir al parte inferior (a modo de ejemplo, pues no es una opción que sirva de mucho al lector, no?):

<a href="#abajo" title="Ir Abajo">Ir abajo</a>

Si en una página de tu web escribes mucho texto y tiene digamos 3 partes diferenciadas (3 títulos por ejemplo) podrías definir un ancla en cada uno de esos títulos, y luego colocar un menú en la parte inferior, o en la parte superior, o en ambas, dando la opción a las visitas a dirigirse, dentro de esa misma página, a la sección que deseen.

En ese caso colocarías al principio (o al final) ese menú, de este modo por ejemplo:

<a href="#titulouno" title="Ir al título uno">Ir al título uno</a>
<a href="#titulodos" title="Ir al título dos">Ir al título dos</a>
<a href="#titulotres" title="Ir al título tres">Ir al título tres</a>

Y ahora solo te faltaría colocar esas 3 anclas justo al lado de esos títulos, líneas de código como ésta:

<h1>Título Uno</h1><a name="titulouno"></a>
<p>Este es el texto correspondiente al título uno, aunque debería ser más largo para que se note el efecto.</p>
<h1>Título Dos</h1><a name="titulodos"></a>
<p>Este es el texto correspondiente al título dos, aunque debería ser más largo para que se note el efecto.</p>
<h1>Título Tres</h1><a name="titulotres"></a>
<p>Este es el texto correspondiente al título tres, aunque debería ser más largo para que se note el efecto.</p>