Instituto Superior Tecnológico Espiritu Santo Fundamentos de Internet

Fundamentos de Internet - Doc 06 -

Por: Ruben Torres Ortega
2.7 Marca para establecer Hipervinculos.

La marca A (anchor o ancla) y el atributo Href

HTML usa la marca <a> (anchor) para crear un vinculo hacia si mismo o a otro
documento.

Un vinculo puede establecerse a cualquier recurso de la web: una pagina HTML, una imagen,
Un archivo de sonido, un archivo de video, etc.

La sintaxis es:

<a href="url">Text to be displayed</a>

La marca <a> establece el ancla de referencia, el atributo Href establece la relacion hacia
donde se hace referencia, y las palabras entre la marca de inicio y de cierre es lo que se mostrará
como vinculo.

Esta línea establecerá un vinculo:

<a href="http://www.google.com/">VIsite Google!</a>

El atributo target

El atributo de destino establece el sitio de destino de la referencia, en la siguiente linea

abrira la referencia en una página nueva.

<a href="http://www.w3schools.com/"target="_blank">Visit W3Schools!</a>

El atributo name

El atributo name sirve para establecer una marca o referencia dentro de la misma página,
establecemos anclas name para ir a diversas secciondes dentro de la misma pagina.

La sintaxis del atributo name es:

<a name="label">Texto a mostrar</a>

Por ejemplo ponemos esto dentro como primera linea de la página (obviemanete dentro de
la marca body):

<a name="inicio">seccion inicial</a>

Y al final de la página podemos colocar el siguiente enlace.

<a href="#inicio">ir al inicio</a>

De tal manera, si estamos leyendo una pagina larga, al hacer referencia en este enlace,
podremos ir directamente al inicio de la página.

Rubén Torres Ortega Página 18 de 112

Ruben_torres_ortega@hotmail.com
Instituto Superior Tecnológico Espiritu Santo Fundamentos de Internet

Si deseamos hacer referencia a una página especifica y dentro de ella a un atributo name
específico la sintaxis sería:

<a href="http://www.w3schools.com/html_links.asp#tips">
Ir a la seccion de Tips</a>

Si la misma referencia es dentro de la misma pagina seria:

<a href="#tips">Jump to the Useful Tips Section</a>

Taller 8:
a. Crear varias página con vinculos que hemos escrito como ejemplos
b. Ademas crear una imagen que sea de referencia
c. Crear una página larga con varios párrafos y crear atributos name para cada párrafo y
crear un indice al inicio que vaya a todos los names.

Rubén Torres Ortega Página 19 de 112

Ruben_torres_ortega@hotmail.com