SlideShare una empresa de Scribd logo
HIPERVÍNCULOS O ENLACES EN HTML. ETIQUETA <A>.

Los enlaces o hipervínculos, también llamados hipertextos son los textos o los objetos
sobre los que podemos hacer clic para que nos lleven a otra parte del documento, a otro
archivo del mismo sitio o a otra página de Internet, entre otras funciones.

Cuando un visitante hace clic en el hipervínculo, el destino se mostrará en su navegador
web, se abrirá o se ejecutará, en función del tipo de destino. El destino es con frecuencia
otra página web, pero también puede ser una imagen, un archivo multimedia, un
documento de Microsoft Office, un documento PDF, una dirección de correo electrónico o
un programa.

Por tanto, con los hipervínculos podemos establecer “saltos” desde una página a otra,
incluso a puntos concretos dentro de páginas con contenidos extensos. Los hipervínculos
pueden asociarse a imágenes o a textos de modo que haciendo clic sobre ellos con el
botón izquierdo del ratón se accede automáticamente al destino asociado a ellos.

Lo más habitual es que el cursor tome la forma de una pequeña mano cuando pasa sobre
un hipervínculo.



HIPERVÍNCULOS LOCALES COMO MARCADORES (ANCLAS)

Los hipervínculos locales o marcadores son enlaces dentro de la misma página. Es decir,
al hacer clic en uno de ellos nos llevará a una posición distinta dentro de la misma página
que estamos visualizando.

Esta técnica hace que los usuarios accedan de una manera más rápida a la información.

Para hacer este tipo de enlaces hay que hacer dos operaciones:

• Establecer marcadores a lo largo de la página (son los lugares a los que queremos
saltar con los enlaces).
• Poner enlaces que salten a los marcadores.

El código de los marcadores es el siguiente:

<a name="nombre_del_marcador">Texto asociado al marcador</a>

Como por ejemplo, <a name="marcadorDeportes">aprenderaprogramar.com</a>

Por otro lado, el código de un enlace para que salte a un marcador.

Pulsa para volver al <a href="#marcador">Inicio</a>

Más contenido relacionado

La actualidad más candente

Hipervinculos
HipervinculosHipervinculos
Hipervinculos
BelenRosales12
 
Vínculos e hipervínculos.
Vínculos e hipervínculos.Vínculos e hipervínculos.
Vínculos e hipervínculos.
josehp victor cntn
 
practica de las tics
practica de las ticspractica de las tics
practica de las tics
quintero31
 
expocicion Ana rosado
expocicion Ana rosadoexpocicion Ana rosado
expocicion Ana rosado
anajuliacamacho
 
mapa conceptual unidad 4
mapa conceptual unidad 4mapa conceptual unidad 4
mapa conceptual unidad 4
Helman Pinto
 
Hipervinculos
HipervinculosHipervinculos
Enlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTMLEnlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTML
david740413
 
G.B.I- AulA virtual- Correo Estudiantil
G.B.I- AulA virtual- Correo EstudiantilG.B.I- AulA virtual- Correo Estudiantil
G.B.I- AulA virtual- Correo Estudiantil
daniela1294
 
Edición de documentos
Edición de documentosEdición de documentos
Edición de documentos
iConstruye
 
Hipervinculos en power point
Hipervinculos en power pointHipervinculos en power point
Hipervinculos en power point
juliomolinamena
 
Hipervínculos de power point
Hipervínculos de power pointHipervínculos de power point
Hipervínculos de power point
andresesta
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
Angélica Pulgarín
 
How to insert hyperlinks into word document
How to insert hyperlinks into word documentHow to insert hyperlinks into word document
How to insert hyperlinks into word document
MARIELGFERRER
 

La actualidad más candente (13)

Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Vínculos e hipervínculos.
Vínculos e hipervínculos.Vínculos e hipervínculos.
Vínculos e hipervínculos.
 
practica de las tics
practica de las ticspractica de las tics
practica de las tics
 
expocicion Ana rosado
expocicion Ana rosadoexpocicion Ana rosado
expocicion Ana rosado
 
mapa conceptual unidad 4
mapa conceptual unidad 4mapa conceptual unidad 4
mapa conceptual unidad 4
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Enlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTMLEnlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTML
 
G.B.I- AulA virtual- Correo Estudiantil
G.B.I- AulA virtual- Correo EstudiantilG.B.I- AulA virtual- Correo Estudiantil
G.B.I- AulA virtual- Correo Estudiantil
 
Edición de documentos
Edición de documentosEdición de documentos
Edición de documentos
 
Hipervinculos en power point
Hipervinculos en power pointHipervinculos en power point
Hipervinculos en power point
 
Hipervínculos de power point
Hipervínculos de power pointHipervínculos de power point
Hipervínculos de power point
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
How to insert hyperlinks into word document
How to insert hyperlinks into word documentHow to insert hyperlinks into word document
How to insert hyperlinks into word document
 

Similar a Enlaces en html

Tema vinculo e hipervínculo
Tema vinculo e hipervínculoTema vinculo e hipervínculo
Tema vinculo e hipervínculo
aracelyjil
 
Los hipervinculos
Los hipervinculosLos hipervinculos
Los hipervinculos
klarisa24
 
historia de la infromatica
historia de la infromaticahistoria de la infromatica
historia de la infromatica
Maikol Chuken
 
Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2
Oliver Diaz
 
Hipervinculos,pdf
Hipervinculos,pdfHipervinculos,pdf
Hipervinculos,pdf
JeffersonAguachela
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
DenisseChacaguasay
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
StalinNaranjo2
 
03
0303
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
OliverGuaman1
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
JoelMorales84
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
LENINMATEO1
 
Hipervinculos y bootones de accion
Hipervinculos y bootones de accionHipervinculos y bootones de accion
Hipervinculos y bootones de accion
Jesus Guerra
 
Hipervinculos
Hipervinculos Hipervinculos
Hipervinculos
Samantha Torres Garcia
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
Valeria Miranda Pasos
 
html
htmlhtml
Prácticas de las Tics
Prácticas de las TicsPrácticas de las Tics
Prácticas de las Tics
Jaisin9
 
Ana rosado
Ana rosadoAna rosado
Ana rosado
Paola Cedeño
 
Ana rosado
Ana rosadoAna rosado
Ana rosado
JenniGavilanez
 
practicas de las tics
practicas de las ticspracticas de las tics
practicas de las tics
joselynnevarez
 
Qué es un hipervínculo
Qué es un hipervínculoQué es un hipervínculo
Qué es un hipervínculo
PiedadBernal
 

Similar a Enlaces en html (20)

Tema vinculo e hipervínculo
Tema vinculo e hipervínculoTema vinculo e hipervínculo
Tema vinculo e hipervínculo
 
Los hipervinculos
Los hipervinculosLos hipervinculos
Los hipervinculos
 
historia de la infromatica
historia de la infromaticahistoria de la infromatica
historia de la infromatica
 
Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2
 
Hipervinculos,pdf
Hipervinculos,pdfHipervinculos,pdf
Hipervinculos,pdf
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
03
0303
03
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos y bootones de accion
Hipervinculos y bootones de accionHipervinculos y bootones de accion
Hipervinculos y bootones de accion
 
Hipervinculos
Hipervinculos Hipervinculos
Hipervinculos
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 
html
htmlhtml
html
 
Prácticas de las Tics
Prácticas de las TicsPrácticas de las Tics
Prácticas de las Tics
 
Ana rosado
Ana rosadoAna rosado
Ana rosado
 
Ana rosado
Ana rosadoAna rosado
Ana rosado
 
practicas de las tics
practicas de las ticspracticas de las tics
practicas de las tics
 
Qué es un hipervínculo
Qué es un hipervínculoQué es un hipervínculo
Qué es un hipervínculo
 

Más de carlosvalle1986

Entrevista clinica
Entrevista clinicaEntrevista clinica
Entrevista clinica
carlosvalle1986
 
Segunda entrevista clinica
Segunda entrevista clinicaSegunda entrevista clinica
Segunda entrevista clinica
carlosvalle1986
 
Reporte persuasivo
Reporte persuasivoReporte persuasivo
Reporte persuasivo
carlosvalle1986
 
Entrevista (1)
Entrevista (1)Entrevista (1)
Entrevista (1)
carlosvalle1986
 
Segunda entrevista
Segunda entrevistaSegunda entrevista
Segunda entrevista
carlosvalle1986
 
Segunda entrevista clinica
Segunda entrevista clinicaSegunda entrevista clinica
Segunda entrevista clinica
carlosvalle1986
 
Cuerpos geometricos
Cuerpos geometricosCuerpos geometricos
Cuerpos geometricos
carlosvalle1986
 
Maquetas
MaquetasMaquetas
Maquetas
carlosvalle1986
 
R2
R2R2
R1
R1R1
Informe corregido
Informe corregidoInforme corregido
Informe corregido
carlosvalle1986
 
Plan de estudios 2011
Plan de estudios 2011Plan de estudios 2011
Plan de estudios 2011
carlosvalle1986
 
Unidad didactica
Unidad didacticaUnidad didactica
Unidad didactica
carlosvalle1986
 
Unidad didactica
Unidad didacticaUnidad didactica
Unidad didactica
carlosvalle1986
 
Descripción de la unidad
Descripción de la unidadDescripción de la unidad
Descripción de la unidad
carlosvalle1986
 
Introducción
IntroducciónIntroducción
Introducción
carlosvalle1986
 
Portada
PortadaPortada
Resumen cap i-ii-iii
Resumen cap i-ii-iiiResumen cap i-ii-iii
Resumen cap i-ii-iii
carlosvalle1986
 

Más de carlosvalle1986 (20)

Parte 2
Parte 2Parte 2
Parte 2
 
Modelo de datos
Modelo de datosModelo de datos
Modelo de datos
 
Entrevista clinica
Entrevista clinicaEntrevista clinica
Entrevista clinica
 
Segunda entrevista clinica
Segunda entrevista clinicaSegunda entrevista clinica
Segunda entrevista clinica
 
Reporte persuasivo
Reporte persuasivoReporte persuasivo
Reporte persuasivo
 
Entrevista (1)
Entrevista (1)Entrevista (1)
Entrevista (1)
 
Segunda entrevista
Segunda entrevistaSegunda entrevista
Segunda entrevista
 
Segunda entrevista clinica
Segunda entrevista clinicaSegunda entrevista clinica
Segunda entrevista clinica
 
Cuerpos geometricos
Cuerpos geometricosCuerpos geometricos
Cuerpos geometricos
 
Maquetas
MaquetasMaquetas
Maquetas
 
R2
R2R2
R2
 
R1
R1R1
R1
 
Informe corregido
Informe corregidoInforme corregido
Informe corregido
 
Plan de estudios 2011
Plan de estudios 2011Plan de estudios 2011
Plan de estudios 2011
 
Unidad didactica
Unidad didacticaUnidad didactica
Unidad didactica
 
Unidad didactica
Unidad didacticaUnidad didactica
Unidad didactica
 
Descripción de la unidad
Descripción de la unidadDescripción de la unidad
Descripción de la unidad
 
Introducción
IntroducciónIntroducción
Introducción
 
Portada
PortadaPortada
Portada
 
Resumen cap i-ii-iii
Resumen cap i-ii-iiiResumen cap i-ii-iii
Resumen cap i-ii-iii
 

Enlaces en html

  • 1. HIPERVÍNCULOS O ENLACES EN HTML. ETIQUETA <A>. Los enlaces o hipervínculos, también llamados hipertextos son los textos o los objetos sobre los que podemos hacer clic para que nos lleven a otra parte del documento, a otro archivo del mismo sitio o a otra página de Internet, entre otras funciones. Cuando un visitante hace clic en el hipervínculo, el destino se mostrará en su navegador web, se abrirá o se ejecutará, en función del tipo de destino. El destino es con frecuencia otra página web, pero también puede ser una imagen, un archivo multimedia, un documento de Microsoft Office, un documento PDF, una dirección de correo electrónico o un programa. Por tanto, con los hipervínculos podemos establecer “saltos” desde una página a otra, incluso a puntos concretos dentro de páginas con contenidos extensos. Los hipervínculos pueden asociarse a imágenes o a textos de modo que haciendo clic sobre ellos con el botón izquierdo del ratón se accede automáticamente al destino asociado a ellos. Lo más habitual es que el cursor tome la forma de una pequeña mano cuando pasa sobre un hipervínculo. HIPERVÍNCULOS LOCALES COMO MARCADORES (ANCLAS) Los hipervínculos locales o marcadores son enlaces dentro de la misma página. Es decir, al hacer clic en uno de ellos nos llevará a una posición distinta dentro de la misma página que estamos visualizando. Esta técnica hace que los usuarios accedan de una manera más rápida a la información. Para hacer este tipo de enlaces hay que hacer dos operaciones: • Establecer marcadores a lo largo de la página (son los lugares a los que queremos saltar con los enlaces). • Poner enlaces que salten a los marcadores. El código de los marcadores es el siguiente: <a name="nombre_del_marcador">Texto asociado al marcador</a> Como por ejemplo, <a name="marcadorDeportes">aprenderaprogramar.com</a> Por otro lado, el código de un enlace para que salte a un marcador. Pulsa para volver al <a href="#marcador">Inicio</a>