Multimedia para páginas                  Web.             Empleo de los hipervínculos.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 s...
Tipos de Hipervínculos.• Internos• Externos• A correo.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 ...
Hipervínculo Interno• Por ejemplo, supongamos que tenemos  un vínculo desde esta página a otra en el  mismo sitio llamada ...
Hipervínculo Interno• En el caso de ser un vinculo a un archivo  en mismo directorio raíz, el código seria el  siguiente:•...
Hipervínculo Interno• En ambos casos el resultado sería el  siguiente: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 ...
Hipervínculo Externo• Ejemplo de código:• <a href=“http://mx.yahoo.com/”> Enlace a  yahoo México</a>• El hipervínculo se v...
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...
Hipervínculo a correo• Ejemplo de código:• <a href=“mailto:david-74-04-  13@hotmail.com/”> Enlace al correo del  Profr. Da...
Por su atención:   MUCHAS GRACIAS04/08/2010
Próxima SlideShare
Cargando en…5
×

Enlaces o hipervínculos en HTML

30.332 visualizaciones

Publicado el

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

Publicado en: Educación
1 comentario
4 recomendaciones
Estadísticas
Notas
Sin descargas
Visualizaciones
Visualizaciones totales
30.332
En SlideShare
0
De insertados
0
Número de insertados
72
Acciones
Compartido
0
Descargas
123
Comentarios
1
Recomendaciones
4
Insertados 0
No insertados

No hay notas en la diapositiva.

Enlaces o hipervínculos en HTML

  1. 1. Multimedia para páginas Web. Empleo de los hipervínculos.04/08/2010
  2. 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. 3. Tipos de Hipervínculos.• Internos• Externos• A correo.04/08/2010
  4. 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. 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. 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. 7. Hipervínculo Interno• En ambos casos el resultado sería el siguiente:04/08/2010
  8. 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. 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éxico04/08/2010
  10. 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. 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 Rivera04/08/2010
  12. 12. Por su atención: MUCHAS GRACIAS04/08/2010

×