SlideShare une entreprise Scribd logo
1  sur  19
Colegio Jesús María Pla c
Materia:
informatica
Profesora:
Gisela Bouche
Alumnas :
Dixeni vega
Virginia Lara
Jacqueline Vega

10
A
Los
hiperenlaces, también
llamados
hipervínculo, son parte
fundamental de la
arquitectura de la World
Wide Web, pero el
concepto no se limita al
Casi
cualquier
medio
electrónico
puede
emplear
alguna
forma de
hiperenlace.
Un hiperenlace consiste en una o
más palabras diferenciadas por
un formato diferente al resto del
párrafo y que al dar click sobre
ella con el cursor permite
navegar a un documento
diferente que ampliará la
información de las palabras del
hiperenlace.
El formato más común para
diferenciar el hiperenlace suele
ser azul y subrayado.
Son palabras
que te permiten
navegar por el
hipertexto, tamb
ién los
reconocemos
porque al pasar
el ratón por
encima cambia
de forma el
puntero.
Un enlace cuenta con dos
extremos. El enlace. 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.
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.
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[editar • editar
fuente]
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.
. En

muchos navegadores, los
enlaces se muestran en texto
azul subrayado cuando no han
sido visitados, y en texto
púrpura subrayado cuando han
sido visitados. Cuando el
usuario activa el enlace (por
ejemplo pinchando sobre él con
el ratón) el navegador mostrará
el destino del enlace.
Si el destino no es un
archivo
HTML, dependiendo del
tipo de archivo y del
navegador y sus
plugins, se puede activar
otro programa para abrir
el archivo.
Hiperenlaces como la moneda de la
World Wide
Los motores de búsqueda, como
Google o Yahoo!, utilizan los
enlaces, entre otros datos, como
una medida de la popularidad para
determinar que páginas deben
aparecer en los primeros puestos de
una búsqueda concreta.
Cuantas más enlaces apunten a una
página, más alto puede ser el
posicionamiento de la página en un
buscador. Aunque en la práctica el
posicionamiento web también
depende de otros factores.
Cuando el puntero se sitúa sobre
un enlace, dependiendo del
navegador, se muestra un texto
informativo acerca del enlace.
Un texto emergente, que
desaparece cuando el
puntero se vuelve mover (a
veces desaparece igualmente
pasados unos segundos).
Internet Explorer y Mozilla
Firefox muestran el
título, Opera muestra también
el URL.
Imformatica hipervinculo

Contenu connexe

Tendances (13)

Pagina web
Pagina webPagina web
Pagina web
 
Tabla para evaluar pag web 2 evidencia
Tabla para evaluar pag web 2 evidenciaTabla para evaluar pag web 2 evidencia
Tabla para evaluar pag web 2 evidencia
 
Web semantica
Web semanticaWeb semantica
Web semantica
 
Tutorial cómo hacer un enlace
Tutorial cómo hacer un enlaceTutorial cómo hacer un enlace
Tutorial cómo hacer un enlace
 
Cuadro comparativo web 1
Cuadro comparativo web 1Cuadro comparativo web 1
Cuadro comparativo web 1
 
Hipervinculos y bootones de accion
Hipervinculos y bootones de accionHipervinculos y bootones de accion
Hipervinculos y bootones de accion
 
Web 1 0
Web 1 0Web 1 0
Web 1 0
 
Creación de pagina web
Creación de pagina webCreación de pagina web
Creación de pagina web
 
presentación Paginas web
presentación Paginas web presentación Paginas web
presentación Paginas web
 
Curso basico crear_links
Curso basico crear_linksCurso basico crear_links
Curso basico crear_links
 
Web 1.0, 2.0 y 3.0
Web 1.0, 2.0 y 3.0 Web 1.0, 2.0 y 3.0
Web 1.0, 2.0 y 3.0
 
Cuadro comparativo
Cuadro comparativoCuadro comparativo
Cuadro comparativo
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 

En vedette

георгиевская лента
георгиевская лентагеоргиевская лента
георгиевская лента
virtualtaganrog
 
O uso de dispositivos móveis no processo de ensino e aprendizagem de comunica...
O uso de dispositivos móveis no processo de ensino e aprendizagem de comunica...O uso de dispositivos móveis no processo de ensino e aprendizagem de comunica...
O uso de dispositivos móveis no processo de ensino e aprendizagem de comunica...
inovaDay .
 
Brandy bullying
Brandy bullyingBrandy bullying
Brandy bullying
kbachelder
 
Conclusions
ConclusionsConclusions
Conclusions
kimb0ot
 
STETOVC01 drawing.PDF
STETOVC01 drawing.PDFSTETOVC01 drawing.PDF
STETOVC01 drawing.PDF
Logan Morton
 

En vedette (20)

Christmas Activities - Scattered Nativity
Christmas Activities - Scattered NativityChristmas Activities - Scattered Nativity
Christmas Activities - Scattered Nativity
 
Comparando el derecho
Comparando el derechoComparando el derecho
Comparando el derecho
 
Jack of all trades final
Jack of all trades final Jack of all trades final
Jack of all trades final
 
георгиевская лента
георгиевская лентагеоргиевская лента
георгиевская лента
 
O uso de dispositivos móveis no processo de ensino e aprendizagem de comunica...
O uso de dispositivos móveis no processo de ensino e aprendizagem de comunica...O uso de dispositivos móveis no processo de ensino e aprendizagem de comunica...
O uso de dispositivos móveis no processo de ensino e aprendizagem de comunica...
 
Brandy bullying
Brandy bullyingBrandy bullying
Brandy bullying
 
Rethinking the value chain
Rethinking the value chainRethinking the value chain
Rethinking the value chain
 
Do you know what you buy?
Do you know what you buy?Do you know what you buy?
Do you know what you buy?
 
Conclusions
ConclusionsConclusions
Conclusions
 
Los límites de velocidad en Suecia (Estadística)
Los límites de velocidad en Suecia (Estadística)Los límites de velocidad en Suecia (Estadística)
Los límites de velocidad en Suecia (Estadística)
 
Social changes
Social changes Social changes
Social changes
 
The Detroit Youth Resource Alert Project (RAP)
The Detroit Youth Resource Alert Project (RAP)The Detroit Youth Resource Alert Project (RAP)
The Detroit Youth Resource Alert Project (RAP)
 
Draft
DraftDraft
Draft
 
Presentation1
Presentation1Presentation1
Presentation1
 
Christmas Activities - Sniffing for Candy Canes
Christmas Activities - Sniffing for Candy CanesChristmas Activities - Sniffing for Candy Canes
Christmas Activities - Sniffing for Candy Canes
 
STETOVC01 drawing.PDF
STETOVC01 drawing.PDFSTETOVC01 drawing.PDF
STETOVC01 drawing.PDF
 
ciberbullyng y grooming
ciberbullyng y groomingciberbullyng y grooming
ciberbullyng y grooming
 
хан моласы
хан моласыхан моласы
хан моласы
 
Practico html
Practico htmlPractico html
Practico html
 
weekly Agenda for Christmas
weekly Agenda for Christmasweekly Agenda for Christmas
weekly Agenda for Christmas
 

Similaire à Imformatica hipervinculo (20)

Imformatica hipervinculo
Imformatica hipervinculoImformatica hipervinculo
Imformatica hipervinculo
 
historia de la infromatica
historia de la infromaticahistoria de la infromatica
historia de la infromatica
 
Daniel
DanielDaniel
Daniel
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
Hipervinculos Hipervinculos
Hipervinculos
 
Henry ..25
Henry ..25Henry ..25
Henry ..25
 
Internet
InternetInternet
Internet
 
que es informatica
que es informaticaque es informatica
que es informatica
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2
 
Milena gonzalez
Milena gonzalezMilena gonzalez
Milena gonzalez
 
Qué es la_web
Qué es la_webQué es la_web
Qué es la_web
 
Que es la_web
Que es la_webQue es la_web
Que es la_web
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 
Enlaces en html
Enlaces en htmlEnlaces en html
Enlaces en html
 
El hipervínculo
El hipervínculoEl hipervínculo
El hipervínculo
 
Los hipervinculos
Los hipervinculosLos hipervinculos
Los hipervinculos
 
Orlando cardenas
Orlando cardenasOrlando cardenas
Orlando cardenas
 

Dernier

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Dernier (10)

How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 

Imformatica hipervinculo

  • 1. Colegio Jesús María Pla c Materia: informatica Profesora: Gisela Bouche Alumnas : Dixeni vega Virginia Lara Jacqueline Vega 10 A
  • 2.
  • 3. Los hiperenlaces, también llamados hipervínculo, son parte fundamental de la arquitectura de la World Wide Web, pero el concepto no se limita al
  • 5. Un hiperenlace consiste en una o más palabras diferenciadas por un formato diferente al resto del párrafo y que al dar click sobre ella con el cursor permite navegar a un documento diferente que ampliará la información de las palabras del hiperenlace.
  • 6. El formato más común para diferenciar el hiperenlace suele ser azul y subrayado.
  • 7. Son palabras que te permiten navegar por el hipertexto, tamb ién los reconocemos porque al pasar el ratón por encima cambia de forma el puntero.
  • 8. Un enlace cuenta con dos extremos. El enlace. 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).
  • 9. 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.
  • 10. 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.
  • 11. Comportamiento de los enlaces en los navegadores web[editar • editar fuente] 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.
  • 12. El puntero del ratón también puede cambiar a forma de mano para indicar el enlace.
  • 13. . En muchos navegadores, los enlaces se muestran en texto azul subrayado cuando no han sido visitados, y en texto púrpura subrayado cuando han sido visitados. Cuando el usuario activa el enlace (por ejemplo pinchando sobre él con el ratón) el navegador mostrará el destino del enlace.
  • 14. Si el destino no es un archivo HTML, dependiendo del tipo de archivo y del navegador y sus plugins, se puede activar otro programa para abrir el archivo.
  • 15. Hiperenlaces como la moneda de la World Wide Los motores de búsqueda, como Google o Yahoo!, utilizan los enlaces, entre otros datos, como una medida de la popularidad para determinar que páginas deben aparecer en los primeros puestos de una búsqueda concreta.
  • 16. Cuantas más enlaces apunten a una página, más alto puede ser el posicionamiento de la página en un buscador. Aunque en la práctica el posicionamiento web también depende de otros factores.
  • 17. Cuando el puntero se sitúa sobre un enlace, dependiendo del navegador, se muestra un texto informativo acerca del enlace.
  • 18. Un texto emergente, que desaparece cuando el puntero se vuelve mover (a veces desaparece igualmente pasados unos segundos). Internet Explorer y Mozilla Firefox muestran el título, Opera muestra también el URL.