Enlaces o hipervínculos en HTML

12
04/08/2010 Multimedia para páginas Web. Empleo de los hipervínculos.

description

Esta presentación aborda el manejo de las etiquetas del HTML, para el correcto manejo de hipervínculos dentro de las páginas web.

Transcript of Enlaces o hipervínculos en HTML

Page 1: Enlaces o hipervínculos en HTML

04/08/2010

Multimedia para páginas Web.

Empleo de los hipervínculos.

Page 2: Enlaces o hipervínculos en HTML

04/08/2010

Definición de Hipervínculo.

• Un hipervínculo es un enlace, entre dos páginas web de un mismo sitio, pero también puede ser a una página de otro sitio web, a un archivo, a una imagen, etc.

• Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como hiperenlaces, enlaces o links.

Page 3: Enlaces o hipervínculos en HTML

04/08/2010

Tipos de Hipervínculos.

• Internos• Externos• A correo.

Page 4: Enlaces o hipervínculos en HTML

04/08/2010

Hipervínculo Interno

• Un hipervínculo interno o local, es un vínculo a una página u objeto que se encuentra en el mismo sitio web (sitio local). Para referirnos a ella basta con emplear la etiqueta a href y poner la ruta o dirección en el sitio raíz. Si se encuentra en la misma carpeta, basta con poner su nombre.

Page 5: Enlaces o hipervínculos en HTML

04/08/2010

Hipervínculo Interno

• Por ejemplo, supongamos que tenemos un vínculo desde esta página a otra en el mismo sitio llamada curso que está en la carpeta presentacion . El código sería el siguiente:

• <a href=“/presentacion/curso.html”> Hipervínculo al curso </a>

Page 6: Enlaces o hipervínculos en HTML

04/08/2010

Hipervínculo Interno

• En el caso de ser un vinculo a un archivo en mismo directorio raíz, el código seria el siguiente:

• <a href=“/curso.html”> Hipervínculo al curso </a>

Page 7: Enlaces o hipervínculos en HTML

04/08/2010

Hipervínculo Interno

• En ambos casos el resultado sería el siguiente:

Page 8: Enlaces o hipervínculos en HTML

04/08/2010

Hipervínculo Externo

• Un hipervínculo externo es un vínculo a otro sitio web en Internet (sitio externo). Es un vínculo a cualquier otro lugar fuera del sitio actual. Cuando ponemos un vínculo externo, empleamos la etiqueta a href y escribimos la dirección completa de la página incluido http://www....

Page 9: Enlaces o hipervínculos en HTML

04/08/2010

Hipervínculo Externo

• Ejemplo de código:• <a href=“http://mx.yahoo.com/”> Enlace a

yahoo México</a>• El hipervínculo se vería de la siguiente

manera:• Enlace a yahoo México

Page 10: Enlaces o hipervínculos en HTML

04/08/2010

Hipervínculo a correo

• Un hipervínculo a una dirección de correo electrónico es un vínculo que contiene una dirección de correo. Al pulsar en él, automáticamente se abre el programa de correo que tenga el usuario instalado para poder escribir a esa dirección de correo.

Page 11: Enlaces o hipervínculos en HTML

04/08/2010

Hipervínculo a correo

• Ejemplo de código:• <a href=“mailto:david-74-04-

[email protected]/”> Enlace al correo del Profr. David Tinajero Rivera</a>

• El hipervínculo se vería de la siguiente manera:

• Enlace al correo del Profr. David Tinajero Rivera

Page 12: Enlaces o hipervínculos en HTML

04/08/2010

MUCHAS GRACIASPor su atención: