SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
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

practica de las tics
practica de las ticspractica de las tics
practica de las ticsquintero31
 
mapa conceptual unidad 4
mapa conceptual unidad 4mapa conceptual unidad 4
mapa conceptual unidad 4Helman Pinto
 
Enlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTMLEnlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTMLdavid740413
 
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 Estudiantildaniela1294
 
Edición de documentos
Edición de documentosEdición de documentos
Edición de documentosiConstruye
 
Hipervinculos en power point
Hipervinculos en power pointHipervinculos en power point
Hipervinculos en power pointjuliomolinamena
 
Hipervínculos de power point
Hipervínculos de power pointHipervínculos de power point
Hipervínculos de power pointandresesta
 
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 documentMARIELGFERRER
 

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 (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
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos,pdf
Hipervinculos,pdfHipervinculos,pdf
Hipervinculos,pdf
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
03
0303
03
 
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
 
Ana rosado
Ana rosadoAna rosado
Ana rosado
 
Ana rosado
Ana rosadoAna rosado
Ana rosado
 
Prácticas de las Tics
Prácticas de las TicsPrácticas de las Tics
Prácticas de las Tics
 
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 (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>