V í N C U L O V í N C U L O SS

H T M LH T M L

3

VinculosVinculos Un vinculo es una conexión de un recurso Web(imágenes, sonidos, videos,

documentos HTML) a otro. Normalmente, los hiperenlaces aparecen subrayados y con un color distinto

al resto del texto. La etiqueta que utiliza HTML para definir un vinculo es <A> </A>(Ancla o anchor).

La sintaxis para crear un enlace es:

 <A HREF=“path”> Texto </A>

El “path” es la dirección absoluta o relativa del recurso Web.

ENLACE CON UNA PÁGINA ENLACE CON UNA PÁGINA DE INTERNETDE INTERNET

Para crear un enlace que se dirija a una página de internet Para crear un enlace que se dirija a una página de internet tendremos que poner entre comillas la dirección de dicha tendremos que poner entre comillas la dirección de dicha página. Por ejemplo si queremos hacer un enlace desde nuestra página. Por ejemplo si queremos hacer un enlace desde nuestra página a la web de Wikipedia escribiremos el siguiente código:página a la web de Wikipedia escribiremos el siguiente código:  <A HREF=<A HREF=http://es.wikipedia.orghttp://es.wikipedia.org>Wikipedia</A>>Wikipedia</A>

Dirección absoluta

Texto Indicativo

Tipos de ReferenciaTipos de Referencia•Referencia absoluta:• Las direcciones absolutas son aquellas

que contienen la url completa. En estas direcciones podemos ver todos los elementos de la dirección. Un ejemplo muy claro es el siguiente:

<A HREF=<A HREF=http://www.aulaclic.eshttp://www.aulaclic.es>Aula >Aula Clic</A>Clic</A>

<A HREF=http://www.aulaclic.es>Aula Clic</A>

•Referencia relativa al sitio:

• Una dirección relativa es aquella que se expresa a partir de una ubicación conocida, dentro de un mismo sitio

<a href=" <a href=" http://www.aulaclic.es/internet/index.htm">Internet<http://www.aulaclic.es/internet/index.htm">Internet</a>/a>

<a href=" http://www.aulaclic.es/internet/index.htm">Internet</a>

ENLACE UTILIZANDO UNA ENLACE UTILIZANDO UNA IMAGENIMAGEN

PARA ENLAZAR A OTRA PÁGINA UTILIZANDO UNA IMAGEN SE UTILIZARA LA SIGUIENTE SINTAXIS:PARA ENLAZAR A OTRA PÁGINA UTILIZANDO UNA IMAGEN SE UTILIZARA LA SIGUIENTE SINTAXIS:

•Es muy simple.•<a href="<a href="AQUI VA LA URL A LA QUE QUIERES IR"><img src=""><img src="AQUI VA EL LINK DE TU IMAGEN"></a> "></a>

*Ahora cuando pinches sobre la imagen, irá a la dirección que has puesto *Ahora cuando pinches sobre la imagen, irá a la dirección que has puesto despues del href="...." despues del href="...." 

ejemploejemplo• Haremos un enlace con una imagen Haremos un enlace con una imagen

ANCHO

ALTURA ALINEARRIGHTLEFT