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

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

2. 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.
04/08/2010

3. Tipos de Hipervínculos.
• Internos
• Externos
• A correo.
04/08/2010

4. 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.
04/08/2010

5. 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>
04/08/2010

6. 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>
04/08/2010

7. Hipervínculo Interno
• En ambos casos el resultado sería el
siguiente:
04/08/2010

8. 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....
04/08/2010

9. 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
04/08/2010

10. 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.
04/08/2010

11. Hipervínculo a correo
• Ejemplo de código:
• <a href=“mailto:david-74-04-
13@hotmail.com/”> 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
04/08/2010

12. Por su atención:
MUCHAS GRACIAS
04/08/2010