SlideShare una empresa de Scribd logo
Unidad4. Hiperenlaces(I)
Vamosa ver qué sonloshiperenlaces,paraqué sirvenycómocrearlos,ya que sonun elemento
esencial paracualquierpáginaweb.
Hiperenlace <a>
Un hiperenlace,hipervínculo,ovínculo,noesmás que un enlace,que al ser pulsadollevade una
páginao archivo.
Aquelloselementos(texto,imágenes,etc.) sobre losque se desee insertarunenlace hande
encontrarse entre lasetiquetas<a>y </a>.
A travésdel atributohref se especificalapáginaa la que estáasociadoel enlace,lapáginaque se
visualizarácuandoel usuariohagaclicenel enlace.
Por ejemplo,parainsertarel enlace:
Visitawww.aulaclic.com
Habría que escribir:
<a href="http://www.aulaclic.com">Visitawww.aulaclic.com</a
Tiposde referencias
Existendiferentesformasde expresarunareferenciaauna páginaa travésdel atributohref.
Referenciaabsoluta:
Conduce a una ubicaciónexternaal sitioenel que se encuentrael documento.Laubicaciónesen
Internet,eneste casohayque empezarlareferenciapor http://,el nombre del dominioyalgunas
vecesel nombre de lapágina.Si no se escribe el nombre de lapáginase cargará la páginade inicio
asociadaal dominio.
Por ejemplo,"http://www.aulaclic.com"tendráel mismoefectoque
"http://www.aulaclic.com/index.htm"
Para insertarel enlace:
Visitawww.aulaclic.com
Habría que escribir:
<a href="http://www.aulaclic.com">Visitawww.aulaclic.com</a>
Referenciarelativaal sitio:
Conduce a un documentosituadodentrodel mismositioque el documento actual.Unsitiowebes
un conjuntode archivosycarpetas,relacionadosentre sí,con undiseñosimilarounobjetivo
común,estandotodosellosdentrode unamismacarpeta,conocidacomocarpeta raíz del sitio.
Por ejemplo,teniendoencuentaque el documentot_4_1.htmse encuentradirectamentedentro
de la carpeta raíz del sitio,parainsertarel enlace:
Enlace a Tema 4: Hiperenlaces
Habría que escribir:
<a href="/t_4_1.htm">Enlace aTema 4: Hiperenlaces</a>
Observacomoaparece el símbolo"/" delante del nombre deldocumento.Estabarra inclinada
indicalacarpeta raíz del sitio.Si el documentot_4_1.htmse encontrara,por ejemplo,dentrode
una carpetallamadatema4,y esta estuvieradentrode lacarpetaraíz del sitio,habríaque escribir:
<a href="/tema4/t_4_1.htm">Enlace aTema4: Hiperenlaces</a>
Referenciarelativaal documento:
Conduce a un documentosituadodentrodel mismositioque el documentoactual,peropartiendo
del directorioenel que se encuentrael actual.
Por ejemplo,teniendoencuentaque el documentot_4_1.htmse encuentradentrode lamisma
carpeta que el documentoactual,parainsertarel enlace:
Enlace a Tema 4: Hiperenlaces
Habría que escribir:
<a href="t_4_1.htm">Enlace a Tema4: Hiperenlaces</a>
Observaque en este caso noaparece el símbolo"/" delante del nombre deldocumento.Si el
documentot_4_1.htm se encontrara,por ejemplo,dentrode unacarpetallamadatema4,y esta
estuvieradentrode lamismacarpetaque el documentoactual,habríaque escribir:
<a href="tema4/t_4_1.htm">Enlace aTema4: Hiperenlaces</a>

Más contenido relacionado

Similar a Unidad 4

cuadros
cuadroscuadros
Presentación1
Presentación1Presentación1
Presentación1
andres-valle6
 
Presentación65
Presentación65Presentación65
Presentación65
michaelvrl16
 
mapa conceptual unidad 4
mapa conceptual unidad 4mapa conceptual unidad 4
mapa conceptual unidad 4
Helman Pinto
 
Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2
Oliver Diaz
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
morchito03
 
123
123123
123
Rocnar
 
¿Qué es el hipertexto?
¿Qué es el hipertexto?¿Qué es el hipertexto?
¿Qué es el hipertexto?
Nahayeli Gómez
 
Practica de las tics
Practica de las ticsPractica de las tics
Practica de las tics
angelicap250385
 
Presentación power point hipervínculo
Presentación power point hipervínculoPresentación power point hipervínculo
Presentación power point hipervínculo
angelica1986
 
informatica 4 periodo
informatica 4 periodo informatica 4 periodo
informatica 4 periodo
Jonatán Emanuel Quintero Montaña
 
Los hipervinculos
Los hipervinculosLos hipervinculos
Los hipervinculos
klarisa24
 
Resumen.
Resumen.Resumen.
Resumen.
RamosRaiza
 
Presentación1
Presentación1Presentación1
Presentación1
dierco1
 
Qué es el hipertexto...
Qué es el hipertexto...Qué es el hipertexto...
Qué es el hipertexto...
Nahayeli Gómez
 
Estructura de sitio
Estructura de sitioEstructura de sitio
Estructura de sitio
iConstruye
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
Annetteblanco
 
Hipervinculo
HipervinculoHipervinculo
Hipervinculo
Isa Roldán Agudelo
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
mariana velez agudelo
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
Juliana Salazar Mosquera
 

Similar a Unidad 4 (20)

cuadros
cuadroscuadros
cuadros
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación65
Presentación65Presentación65
Presentación65
 
mapa conceptual unidad 4
mapa conceptual unidad 4mapa conceptual unidad 4
mapa conceptual unidad 4
 
Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
123
123123
123
 
¿Qué es el hipertexto?
¿Qué es el hipertexto?¿Qué es el hipertexto?
¿Qué es el hipertexto?
 
Practica de las tics
Practica de las ticsPractica de las tics
Practica de las tics
 
Presentación power point hipervínculo
Presentación power point hipervínculoPresentación power point hipervínculo
Presentación power point hipervínculo
 
informatica 4 periodo
informatica 4 periodo informatica 4 periodo
informatica 4 periodo
 
Los hipervinculos
Los hipervinculosLos hipervinculos
Los hipervinculos
 
Resumen.
Resumen.Resumen.
Resumen.
 
Presentación1
Presentación1Presentación1
Presentación1
 
Qué es el hipertexto...
Qué es el hipertexto...Qué es el hipertexto...
Qué es el hipertexto...
 
Estructura de sitio
Estructura de sitioEstructura de sitio
Estructura de sitio
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculo
HipervinculoHipervinculo
Hipervinculo
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 

Más de alejanbejarano

Unidad 4
Unidad 4Unidad 4
Unidad 4
alejanbejarano
 
Plantilla con-normas-icontec 1
Plantilla con-normas-icontec 1Plantilla con-normas-icontec 1
Plantilla con-normas-icontec 1
alejanbejarano
 
Plantilla con-normas-icontec2
Plantilla con-normas-icontec2Plantilla con-normas-icontec2
Plantilla con-normas-icontec2
alejanbejarano
 
tarea
tarea tarea
Presentación1 l.pñ,k
Presentación1 l.pñ,kPresentación1 l.pñ,k
Presentación1 l.pñ,k
alejanbejarano
 
Presentación1 (2)
Presentación1 (2) Presentación1 (2)
Presentación1 (2)
alejanbejarano
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
alejanbejarano
 
trabajo 6
trabajo 6trabajo 6
trabajo 6
alejanbejarano
 
Colegio nacional nicolás esguerrahh
Colegio nacional nicolás esguerrahhColegio nacional nicolás esguerrahh
Colegio nacional nicolás esguerrahh
alejanbejarano
 
cnne
cnnecnne
trabajo4
trabajo4trabajo4
trabajo4
alejanbejarano
 
trabajo
trabajotrabajo
trabajo
trabajotrabajo
Trabajo4654
Trabajo4654Trabajo4654
Trabajo4654
alejanbejarano
 
trabajo
trabajotrabajo
Trabajirijillo 40
Trabajirijillo 40Trabajirijillo 40
Trabajirijillo 40
alejanbejarano
 
Sin título 2.0
Sin título 2.0Sin título 2.0
Sin título 2.0
alejanbejarano
 
Unidad 345
Unidad 345Unidad 345
Unidad 345
alejanbejarano
 
trabajirijillo
trabajirijillotrabajirijillo
trabajirijillo
alejanbejarano
 

Más de alejanbejarano (19)

Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Plantilla con-normas-icontec 1
Plantilla con-normas-icontec 1Plantilla con-normas-icontec 1
Plantilla con-normas-icontec 1
 
Plantilla con-normas-icontec2
Plantilla con-normas-icontec2Plantilla con-normas-icontec2
Plantilla con-normas-icontec2
 
tarea
tarea tarea
tarea
 
Presentación1 l.pñ,k
Presentación1 l.pñ,kPresentación1 l.pñ,k
Presentación1 l.pñ,k
 
Presentación1 (2)
Presentación1 (2) Presentación1 (2)
Presentación1 (2)
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
trabajo 6
trabajo 6trabajo 6
trabajo 6
 
Colegio nacional nicolás esguerrahh
Colegio nacional nicolás esguerrahhColegio nacional nicolás esguerrahh
Colegio nacional nicolás esguerrahh
 
cnne
cnnecnne
cnne
 
trabajo4
trabajo4trabajo4
trabajo4
 
trabajo
trabajotrabajo
trabajo
 
trabajo
trabajotrabajo
trabajo
 
Trabajo4654
Trabajo4654Trabajo4654
Trabajo4654
 
trabajo
trabajotrabajo
trabajo
 
Trabajirijillo 40
Trabajirijillo 40Trabajirijillo 40
Trabajirijillo 40
 
Sin título 2.0
Sin título 2.0Sin título 2.0
Sin título 2.0
 
Unidad 345
Unidad 345Unidad 345
Unidad 345
 
trabajirijillo
trabajirijillotrabajirijillo
trabajirijillo
 

Último

exposicion sociales.docx profesora nersa trejos
exposicion sociales.docx profesora nersa trejosexposicion sociales.docx profesora nersa trejos
exposicion sociales.docx profesora nersa trejos
carimegomez12
 
Enfografia Armada Estados Unidos EE.pptx
Enfografia Armada Estados Unidos EE.pptxEnfografia Armada Estados Unidos EE.pptx
Enfografia Armada Estados Unidos EE.pptx
LIANANGELDOMINGUEZ
 
Libro secundaria de lo humano y lo comunitario.pdf
Libro secundaria de lo humano y lo comunitario.pdfLibro secundaria de lo humano y lo comunitario.pdf
Libro secundaria de lo humano y lo comunitario.pdf
NADIAIVETTEDEMETRIOO
 
VOCES DE ITATI EDICION 2 - OPISU Quilmes.pdf
VOCES DE ITATI EDICION 2 - OPISU Quilmes.pdfVOCES DE ITATI EDICION 2 - OPISU Quilmes.pdf
VOCES DE ITATI EDICION 2 - OPISU Quilmes.pdf
comunicacionopisu202
 
UNIDAD II MOVILIZAION EN LA DEFENSA INTEGRAL DE LA NACION
UNIDAD II MOVILIZAION EN LA DEFENSA INTEGRAL DE LA NACIONUNIDAD II MOVILIZAION EN LA DEFENSA INTEGRAL DE LA NACION
UNIDAD II MOVILIZAION EN LA DEFENSA INTEGRAL DE LA NACION
RusneiryChiquinquira
 
Informe de Movilidad / Mayo 2024 / Caja de Jubilaciones
Informe de Movilidad / Mayo 2024 / Caja de JubilacionesInforme de Movilidad / Mayo 2024 / Caja de Jubilaciones
Informe de Movilidad / Mayo 2024 / Caja de Jubilaciones
Córdoba, Argentina
 
Promulgado: Ley Integral Para Prevenir, Sancionar y Erradicar La Violencia Co...
Promulgado: Ley Integral Para Prevenir, Sancionar y Erradicar La Violencia Co...Promulgado: Ley Integral Para Prevenir, Sancionar y Erradicar La Violencia Co...
Promulgado: Ley Integral Para Prevenir, Sancionar y Erradicar La Violencia Co...
Baker Publishing Company
 
Balance Caja de Jubilaciones Pensiones y Retiros de la Provincia de Córdoba ...
Balance Caja de Jubilaciones Pensiones y Retiros de la Provincia de Córdoba ...Balance Caja de Jubilaciones Pensiones y Retiros de la Provincia de Córdoba ...
Balance Caja de Jubilaciones Pensiones y Retiros de la Provincia de Córdoba ...
Córdoba, Argentina
 
BANCO MUNDIAL HISTORIA Y ESTRUCTURA DE ORG
BANCO MUNDIAL HISTORIA Y ESTRUCTURA DE ORGBANCO MUNDIAL HISTORIA Y ESTRUCTURA DE ORG
BANCO MUNDIAL HISTORIA Y ESTRUCTURA DE ORG
belkysbarahona3
 
Reglamento de Organización y Funciones de MPHCO - 2017.pdf
Reglamento de Organización y Funciones de MPHCO - 2017.pdfReglamento de Organización y Funciones de MPHCO - 2017.pdf
Reglamento de Organización y Funciones de MPHCO - 2017.pdf
OrlandoSamaLino
 
Luis Echeverría Álvarez informacion aspextos politicos economicos, etc.pdf
Luis Echeverría Álvarez informacion aspextos politicos economicos, etc.pdfLuis Echeverría Álvarez informacion aspextos politicos economicos, etc.pdf
Luis Echeverría Álvarez informacion aspextos politicos economicos, etc.pdf
ikeromarfrancoramire
 
Transcripción. S.E. el Presidente de la República, Gabriel Boric Font, realiz...
Transcripción. S.E. el Presidente de la República, Gabriel Boric Font, realiz...Transcripción. S.E. el Presidente de la República, Gabriel Boric Font, realiz...
Transcripción. S.E. el Presidente de la República, Gabriel Boric Font, realiz...
Andrés Retamales
 

Último (12)

exposicion sociales.docx profesora nersa trejos
exposicion sociales.docx profesora nersa trejosexposicion sociales.docx profesora nersa trejos
exposicion sociales.docx profesora nersa trejos
 
Enfografia Armada Estados Unidos EE.pptx
Enfografia Armada Estados Unidos EE.pptxEnfografia Armada Estados Unidos EE.pptx
Enfografia Armada Estados Unidos EE.pptx
 
Libro secundaria de lo humano y lo comunitario.pdf
Libro secundaria de lo humano y lo comunitario.pdfLibro secundaria de lo humano y lo comunitario.pdf
Libro secundaria de lo humano y lo comunitario.pdf
 
VOCES DE ITATI EDICION 2 - OPISU Quilmes.pdf
VOCES DE ITATI EDICION 2 - OPISU Quilmes.pdfVOCES DE ITATI EDICION 2 - OPISU Quilmes.pdf
VOCES DE ITATI EDICION 2 - OPISU Quilmes.pdf
 
UNIDAD II MOVILIZAION EN LA DEFENSA INTEGRAL DE LA NACION
UNIDAD II MOVILIZAION EN LA DEFENSA INTEGRAL DE LA NACIONUNIDAD II MOVILIZAION EN LA DEFENSA INTEGRAL DE LA NACION
UNIDAD II MOVILIZAION EN LA DEFENSA INTEGRAL DE LA NACION
 
Informe de Movilidad / Mayo 2024 / Caja de Jubilaciones
Informe de Movilidad / Mayo 2024 / Caja de JubilacionesInforme de Movilidad / Mayo 2024 / Caja de Jubilaciones
Informe de Movilidad / Mayo 2024 / Caja de Jubilaciones
 
Promulgado: Ley Integral Para Prevenir, Sancionar y Erradicar La Violencia Co...
Promulgado: Ley Integral Para Prevenir, Sancionar y Erradicar La Violencia Co...Promulgado: Ley Integral Para Prevenir, Sancionar y Erradicar La Violencia Co...
Promulgado: Ley Integral Para Prevenir, Sancionar y Erradicar La Violencia Co...
 
Balance Caja de Jubilaciones Pensiones y Retiros de la Provincia de Córdoba ...
Balance Caja de Jubilaciones Pensiones y Retiros de la Provincia de Córdoba ...Balance Caja de Jubilaciones Pensiones y Retiros de la Provincia de Córdoba ...
Balance Caja de Jubilaciones Pensiones y Retiros de la Provincia de Córdoba ...
 
BANCO MUNDIAL HISTORIA Y ESTRUCTURA DE ORG
BANCO MUNDIAL HISTORIA Y ESTRUCTURA DE ORGBANCO MUNDIAL HISTORIA Y ESTRUCTURA DE ORG
BANCO MUNDIAL HISTORIA Y ESTRUCTURA DE ORG
 
Reglamento de Organización y Funciones de MPHCO - 2017.pdf
Reglamento de Organización y Funciones de MPHCO - 2017.pdfReglamento de Organización y Funciones de MPHCO - 2017.pdf
Reglamento de Organización y Funciones de MPHCO - 2017.pdf
 
Luis Echeverría Álvarez informacion aspextos politicos economicos, etc.pdf
Luis Echeverría Álvarez informacion aspextos politicos economicos, etc.pdfLuis Echeverría Álvarez informacion aspextos politicos economicos, etc.pdf
Luis Echeverría Álvarez informacion aspextos politicos economicos, etc.pdf
 
Transcripción. S.E. el Presidente de la República, Gabriel Boric Font, realiz...
Transcripción. S.E. el Presidente de la República, Gabriel Boric Font, realiz...Transcripción. S.E. el Presidente de la República, Gabriel Boric Font, realiz...
Transcripción. S.E. el Presidente de la República, Gabriel Boric Font, realiz...
 

Unidad 4

  • 1. Unidad4. Hiperenlaces(I) Vamosa ver qué sonloshiperenlaces,paraqué sirvenycómocrearlos,ya que sonun elemento esencial paracualquierpáginaweb. Hiperenlace <a> Un hiperenlace,hipervínculo,ovínculo,noesmás que un enlace,que al ser pulsadollevade una páginao archivo. Aquelloselementos(texto,imágenes,etc.) sobre losque se desee insertarunenlace hande encontrarse entre lasetiquetas<a>y </a>. A travésdel atributohref se especificalapáginaa la que estáasociadoel enlace,lapáginaque se visualizarácuandoel usuariohagaclicenel enlace. Por ejemplo,parainsertarel enlace: Visitawww.aulaclic.com Habría que escribir: <a href="http://www.aulaclic.com">Visitawww.aulaclic.com</a Tiposde referencias Existendiferentesformasde expresarunareferenciaauna páginaa travésdel atributohref. Referenciaabsoluta: Conduce a una ubicaciónexternaal sitioenel que se encuentrael documento.Laubicaciónesen Internet,eneste casohayque empezarlareferenciapor http://,el nombre del dominioyalgunas vecesel nombre de lapágina.Si no se escribe el nombre de lapáginase cargará la páginade inicio asociadaal dominio. Por ejemplo,"http://www.aulaclic.com"tendráel mismoefectoque "http://www.aulaclic.com/index.htm" Para insertarel enlace:
  • 2. Visitawww.aulaclic.com Habría que escribir: <a href="http://www.aulaclic.com">Visitawww.aulaclic.com</a> Referenciarelativaal sitio: Conduce a un documentosituadodentrodel mismositioque el documento actual.Unsitiowebes un conjuntode archivosycarpetas,relacionadosentre sí,con undiseñosimilarounobjetivo común,estandotodosellosdentrode unamismacarpeta,conocidacomocarpeta raíz del sitio. Por ejemplo,teniendoencuentaque el documentot_4_1.htmse encuentradirectamentedentro de la carpeta raíz del sitio,parainsertarel enlace: Enlace a Tema 4: Hiperenlaces Habría que escribir: <a href="/t_4_1.htm">Enlace aTema 4: Hiperenlaces</a> Observacomoaparece el símbolo"/" delante del nombre deldocumento.Estabarra inclinada indicalacarpeta raíz del sitio.Si el documentot_4_1.htmse encontrara,por ejemplo,dentrode una carpetallamadatema4,y esta estuvieradentrode lacarpetaraíz del sitio,habríaque escribir:
  • 3. <a href="/tema4/t_4_1.htm">Enlace aTema4: Hiperenlaces</a> Referenciarelativaal documento: Conduce a un documentosituadodentrodel mismositioque el documentoactual,peropartiendo del directorioenel que se encuentrael actual. Por ejemplo,teniendoencuentaque el documentot_4_1.htmse encuentradentrode lamisma carpeta que el documentoactual,parainsertarel enlace: Enlace a Tema 4: Hiperenlaces Habría que escribir: <a href="t_4_1.htm">Enlace a Tema4: Hiperenlaces</a> Observaque en este caso noaparece el símbolo"/" delante del nombre deldocumento.Si el documentot_4_1.htm se encontrara,por ejemplo,dentrode unacarpetallamadatema4,y esta estuvieradentrode lamismacarpetaque el documentoactual,habríaque escribir: <a href="tema4/t_4_1.htm">Enlace aTema4: Hiperenlaces</a>