SlideShare una empresa de Scribd logo
1 de 10
HIPERVÍNCULO
Angely Gallego
Pedraza
Mª Camila Ruiz Bravo
11ªB
¿QUÉ ES?
Un hipervínculo (también llamado
enlace, vínculo, o hiperenlace) es un
elemento de un documento electrónico
que hace referencia a otro recurso,
como por ejemplo otro documento o un
punto específico del mismo o de otro
documento.
PARTES DEL
HIPERVÍNCULO
Un enlace cuenta con dos extremos,
denominados anclas (nautilus), y una dirección.
El enlace comienza en el ancla origen y apunta
al ancla destino.
Sin embargo, el término "enlace" a menudo se
utiliza para el ancla origen, mientras que al
ancla destino se denomina enlace de destino
(link target).
El enlace de destino más común es un URL,
utilizado en la World Wide Web.
CONTINUACIÒN
Este último se
consigue asignando
a un elemento HTML
el atributo "name" o
"id" en esa posición
del documento
HTML. El URL de la
posición es el URL de
la página con
"#atributo name"
añadido.
COMPORTAMIENTO DE LOS
ENLACES EN LOS
NAVEGADORES WEB
Un navegador web normalmente
muestra un hiperenlace de alguna
forma distintiva, por ejemplo en un
color, letra o estilo diferente. El
comportamiento y estilo de los
enlaces se puede especificar
utilizando lenguaje CSS.
El puntero del ratón también puede
cambiar a forma de mano para
indicar el enlace.
EL CÓDIGO HTML CONTIENE
TODAS LAS CARACTERÍSTICAS
PRINCIPALES DE UN ENLACE:
1. link target
(URL) (destino) o
(ubicación)
2. link label (etiqueta)
3. link title (título)
4. link class or link
id (clase)
Utiliza el elemento "a" de
HTML con el atributo
"href" y opcionalmente
otros atributos como
“title”, “class”, “style”,
“target” o “id”:
TIPOS DE HIPERVÍNCULOS
1. Hipervínculo de texto: este
hipervínculo de texto es un
enlace que se encuentra
asociado a un texto, de forma
que si hacemos clic sobre ese
texto, navegamos dónde
indique el hipervínculo
2. Hipervínculo de imagen: Un
hipervínculo de imagen es un
enlace que se encuentra
asociado a una imagen, de
forma que si hacemos clic
sobre esa imagen, navegamos
dónde indique el hipervínculo.
CONTINUACIÓN
1. Hipervínculo local o
interno: Un hipervínculo
local o interno es un
vínculo a una página que
se encuentra en el mismo
sitio web (sitio local). El
vínculo sería:
access/curso.htm
2. Hipervínculo externo: Un
hipervínculo externo es un
vínculo a otro sitio web en
Internet (sitio
externo). http://www...
UN ENLACE CUENTA CON
DOS EXTREMOS
El término «enlace» a menudo
se utiliza para el ancla origen,
mientras que al ancla destino
se denomina enlace de destino
(link target). El enlace de
destino más común es un URL,
utilizado en la World Wide Web.
Puede invocar a un documento,
por ejemplo una página web, a
otro recurso, o a una posición
determinada en una página
web.
CIBERGRAFÍA
https://es.wikipedia.org/wiki/Hiperenlace

Más contenido relacionado

La actualidad más candente

Sistemas operativos monousuarios
Sistemas operativos monousuariosSistemas operativos monousuarios
Sistemas operativos monousuariosRoberto Cevallos
 
Vínculos e Hipervinculos
Vínculos e HipervinculosVínculos e Hipervinculos
Vínculos e Hipervinculoslor73
 
Herramientas de Información y de Comunicación
Herramientas de Información y de ComunicaciónHerramientas de Información y de Comunicación
Herramientas de Información y de ComunicaciónLibni Bazán
 
Navegadores, Buscadores de Internet y Correo Electronico
Navegadores, Buscadores de Internet y Correo ElectronicoNavegadores, Buscadores de Internet y Correo Electronico
Navegadores, Buscadores de Internet y Correo ElectronicoRichard Luna Villarreal
 
Presentaciones Digitales
Presentaciones DigitalesPresentaciones Digitales
Presentaciones Digitalesalf3600
 
Uso de la computadora
Uso de la computadoraUso de la computadora
Uso de la computadoramiguel angel
 
Presentación google calendar
Presentación google calendarPresentación google calendar
Presentación google calendardaigar
 
Enlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTMLEnlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTMLdavid740413
 
Presentacion sobre powerpoint
Presentacion sobre powerpointPresentacion sobre powerpoint
Presentacion sobre powerpointoscar ojo
 
Hipervinculos externos y internos
Hipervinculos externos y internosHipervinculos externos y internos
Hipervinculos externos y internosANGIE-SUPELANO2503
 
Que aspectos abarca la informática
Que aspectos abarca la informáticaQue aspectos abarca la informática
Que aspectos abarca la informáticaluiskagomez
 
Presentación evolucion de la web
Presentación evolucion de la webPresentación evolucion de la web
Presentación evolucion de la webdianacarolina87
 
Estructura FíSica Y LóGica De Un Computador
Estructura FíSica Y LóGica De Un ComputadorEstructura FíSica Y LóGica De Un Computador
Estructura FíSica Y LóGica De Un ComputadorGerardojesus
 
Presentación navegadores y buscadores.pptx
Presentación navegadores y buscadores.pptx Presentación navegadores y buscadores.pptx
Presentación navegadores y buscadores.pptx alamito
 

La actualidad más candente (20)

Sistemas operativos monousuarios
Sistemas operativos monousuariosSistemas operativos monousuarios
Sistemas operativos monousuarios
 
Vínculos e Hipervinculos
Vínculos e HipervinculosVínculos e Hipervinculos
Vínculos e Hipervinculos
 
Herramientas de Información y de Comunicación
Herramientas de Información y de ComunicaciónHerramientas de Información y de Comunicación
Herramientas de Información y de Comunicación
 
Programas para Diseño Gráfico
Programas para Diseño GráficoProgramas para Diseño Gráfico
Programas para Diseño Gráfico
 
diapostiva del correo electronico
diapostiva del correo electronico diapostiva del correo electronico
diapostiva del correo electronico
 
Navegadores, Buscadores de Internet y Correo Electronico
Navegadores, Buscadores de Internet y Correo ElectronicoNavegadores, Buscadores de Internet y Correo Electronico
Navegadores, Buscadores de Internet y Correo Electronico
 
Presentaciones Digitales
Presentaciones DigitalesPresentaciones Digitales
Presentaciones Digitales
 
Uso de la computadora
Uso de la computadoraUso de la computadora
Uso de la computadora
 
Presentación google calendar
Presentación google calendarPresentación google calendar
Presentación google calendar
 
Objetivos general
Objetivos generalObjetivos general
Objetivos general
 
Enlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTMLEnlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTML
 
Software trial
Software trialSoftware trial
Software trial
 
Presentacion sobre powerpoint
Presentacion sobre powerpointPresentacion sobre powerpoint
Presentacion sobre powerpoint
 
Hipervinculos externos y internos
Hipervinculos externos y internosHipervinculos externos y internos
Hipervinculos externos y internos
 
Que aspectos abarca la informática
Que aspectos abarca la informáticaQue aspectos abarca la informática
Que aspectos abarca la informática
 
Presentación evolucion de la web
Presentación evolucion de la webPresentación evolucion de la web
Presentación evolucion de la web
 
Procesador de Texto.pdf
Procesador de Texto.pdfProcesador de Texto.pdf
Procesador de Texto.pdf
 
Resumen html
Resumen htmlResumen html
Resumen html
 
Estructura FíSica Y LóGica De Un Computador
Estructura FíSica Y LóGica De Un ComputadorEstructura FíSica Y LóGica De Un Computador
Estructura FíSica Y LóGica De Un Computador
 
Presentación navegadores y buscadores.pptx
Presentación navegadores y buscadores.pptx Presentación navegadores y buscadores.pptx
Presentación navegadores y buscadores.pptx
 

Similar a Hipervínculo (20)

Hipervínculos (tecnología e informática)
Hipervínculos (tecnología e informática)Hipervínculos (tecnología e informática)
Hipervínculos (tecnología e informática)
 
Vínculos e hipervínculos.
Vínculos e hipervínculos.Vínculos e hipervínculos.
Vínculos e hipervínculos.
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 
Hipervinculo
HipervinculoHipervinculo
Hipervinculo
 
Practica de las tics
Practica de las ticsPractica de las tics
Practica de las tics
 
Qué es un hipervínculo
Qué es un hipervínculoQué es un hipervínculo
Qué es un hipervínculo
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervínculo
Hipervínculo Hipervínculo
Hipervínculo
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 
Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2
 
estudiante
estudiante estudiante
estudiante
 
Hipervinculos
Hipervinculos Hipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Clase 5 2 p informatica undecimo hipervinculos (3)
Clase 5   2 p informatica undecimo hipervinculos (3)Clase 5   2 p informatica undecimo hipervinculos (3)
Clase 5 2 p informatica undecimo hipervinculos (3)
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 

Último

Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 

Último (9)

Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 

Hipervínculo

  • 2. ¿QUÉ ES? Un hipervínculo (también llamado enlace, vínculo, o hiperenlace) es un elemento de un documento electrónico que hace referencia a otro recurso, como por ejemplo otro documento o un punto específico del mismo o de otro documento.
  • 3. PARTES DEL HIPERVÍNCULO Un enlace cuenta con dos extremos, denominados anclas (nautilus), y una dirección. El enlace comienza en el ancla origen y apunta al ancla destino. Sin embargo, el término "enlace" a menudo se utiliza para el ancla origen, mientras que al ancla destino se denomina enlace de destino (link target). El enlace de destino más común es un URL, utilizado en la World Wide Web.
  • 4. CONTINUACIÒN Este último se consigue asignando a un elemento HTML el atributo "name" o "id" en esa posición del documento HTML. El URL de la posición es el URL de la página con "#atributo name" añadido.
  • 5. COMPORTAMIENTO DE LOS ENLACES EN LOS NAVEGADORES WEB Un navegador web normalmente muestra un hiperenlace de alguna forma distintiva, por ejemplo en un color, letra o estilo diferente. El comportamiento y estilo de los enlaces se puede especificar utilizando lenguaje CSS. El puntero del ratón también puede cambiar a forma de mano para indicar el enlace.
  • 6. EL CÓDIGO HTML CONTIENE TODAS LAS CARACTERÍSTICAS PRINCIPALES DE UN ENLACE: 1. link target (URL) (destino) o (ubicación) 2. link label (etiqueta) 3. link title (título) 4. link class or link id (clase) Utiliza el elemento "a" de HTML con el atributo "href" y opcionalmente otros atributos como “title”, “class”, “style”, “target” o “id”:
  • 7. TIPOS DE HIPERVÍNCULOS 1. Hipervínculo de texto: este hipervínculo de texto es un enlace que se encuentra asociado a un texto, de forma que si hacemos clic sobre ese texto, navegamos dónde indique el hipervínculo 2. Hipervínculo de imagen: Un hipervínculo de imagen es un enlace que se encuentra asociado a una imagen, de forma que si hacemos clic sobre esa imagen, navegamos dónde indique el hipervínculo.
  • 8. CONTINUACIÓN 1. Hipervínculo local o interno: Un hipervínculo local o interno es un vínculo a una página que se encuentra en el mismo sitio web (sitio local). El vínculo sería: access/curso.htm 2. Hipervínculo externo: Un hipervínculo externo es un vínculo a otro sitio web en Internet (sitio externo). http://www...
  • 9. UN ENLACE CUENTA CON DOS EXTREMOS El término «enlace» a menudo se utiliza para el ancla origen, mientras que al ancla destino se denomina enlace de destino (link target). El enlace de destino más común es un URL, utilizado en la World Wide Web. Puede invocar a un documento, por ejemplo una página web, a otro recurso, o a una posición determinada en una página web.