SlideShare una empresa de Scribd logo
1 de 3
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 (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 (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

Revista Ejército nº 989 mar-abr 2024.pdf
Revista Ejército nº 989 mar-abr 2024.pdfRevista Ejército nº 989 mar-abr 2024.pdf
Revista Ejército nº 989 mar-abr 2024.pdfEjército de Tierra
 
UNIDAD DIDÁCTICA MAYO TERCER GRADO (2).docx
UNIDAD DIDÁCTICA MAYO TERCER GRADO (2).docxUNIDAD DIDÁCTICA MAYO TERCER GRADO (2).docx
UNIDAD DIDÁCTICA MAYO TERCER GRADO (2).docxanaalmeyda1998
 
Descentralización Y Desarrollo Territorial.pdf
Descentralización Y Desarrollo Territorial.pdfDescentralización Y Desarrollo Territorial.pdf
Descentralización Y Desarrollo Territorial.pdfanibalcetrero
 
UNIDAD 3.1, 3.2 y 3.3 3.5 FUNCIÓN PÚBLICA 2.pptx
UNIDAD 3.1, 3.2 y 3.3 3.5 FUNCIÓN PÚBLICA 2.pptxUNIDAD 3.1, 3.2 y 3.3 3.5 FUNCIÓN PÚBLICA 2.pptx
UNIDAD 3.1, 3.2 y 3.3 3.5 FUNCIÓN PÚBLICA 2.pptxMERCEDESCHABLE
 
PLAN DE MEJORA DE BIOSEGURIDAD EN HOSPITALES.pptx
PLAN DE MEJORA DE BIOSEGURIDAD EN  HOSPITALES.pptxPLAN DE MEJORA DE BIOSEGURIDAD EN  HOSPITALES.pptx
PLAN DE MEJORA DE BIOSEGURIDAD EN HOSPITALES.pptxLuzIreneBancesGuevar
 
#DigitalTierra nº 99 Al máximo nivel en Irak
#DigitalTierra nº 99 Al máximo nivel en Irak#DigitalTierra nº 99 Al máximo nivel en Irak
#DigitalTierra nº 99 Al máximo nivel en IrakEjército de Tierra
 
Clase 4 Análisis PESTEL.PDF Material de calidad
Clase 4 Análisis PESTEL.PDF Material de calidadClase 4 Análisis PESTEL.PDF Material de calidad
Clase 4 Análisis PESTEL.PDF Material de calidadssuserfa578f
 
Boletin 1077 - Tramitación - Ley Integral Contra La Violencia Hacia Las Mujeres
Boletin 1077 - Tramitación - Ley Integral Contra La Violencia Hacia Las MujeresBoletin 1077 - Tramitación - Ley Integral Contra La Violencia Hacia Las Mujeres
Boletin 1077 - Tramitación - Ley Integral Contra La Violencia Hacia Las MujeresBaker Publishing Company
 
UNIDAD II - CURSO DE DERECHO ADMINISTRATIVO (Parte I) (1).pdf
UNIDAD II - CURSO DE DERECHO ADMINISTRATIVO (Parte I) (1).pdfUNIDAD II - CURSO DE DERECHO ADMINISTRATIVO (Parte I) (1).pdf
UNIDAD II - CURSO DE DERECHO ADMINISTRATIVO (Parte I) (1).pdfELIAMARYTOVARFLOREZD
 
La tributación municipal en el Perú y sus pasos
La tributación municipal en el Perú y sus pasosLa tributación municipal en el Perú y sus pasos
La tributación municipal en el Perú y sus pasosChristianFernndez41
 
Día Mundial de la Seguridad y Salud en el Trabajo 2024, 28 de abril - Cambio ...
Día Mundial de la Seguridad y Salud en el Trabajo 2024, 28 de abril - Cambio ...Día Mundial de la Seguridad y Salud en el Trabajo 2024, 28 de abril - Cambio ...
Día Mundial de la Seguridad y Salud en el Trabajo 2024, 28 de abril - Cambio ...Christina Parmionova
 
POLÍTICA CRIMINAL - SEGURIDAD CIUDADANA Y TECNOLOGÍA.pptx
POLÍTICA CRIMINAL - SEGURIDAD CIUDADANA Y TECNOLOGÍA.pptxPOLÍTICA CRIMINAL - SEGURIDAD CIUDADANA Y TECNOLOGÍA.pptx
POLÍTICA CRIMINAL - SEGURIDAD CIUDADANA Y TECNOLOGÍA.pptxBeyker Chamorro
 
Programa electoral de Vox para las elecciones catalanas
Programa electoral de Vox para las elecciones catalanasPrograma electoral de Vox para las elecciones catalanas
Programa electoral de Vox para las elecciones catalanasluarodalegre97
 
Plan de Desarrollo y Ordenamiento Territorial de Imbabura.pptx
Plan de Desarrollo y Ordenamiento Territorial de Imbabura.pptxPlan de Desarrollo y Ordenamiento Territorial de Imbabura.pptx
Plan de Desarrollo y Ordenamiento Territorial de Imbabura.pptxAndresUrieta2
 
manejo de encaste en ovinos pdti indap PLC
manejo de encaste en ovinos pdti indap PLCmanejo de encaste en ovinos pdti indap PLC
manejo de encaste en ovinos pdti indap PLCMarceloAlvarez76065
 

Último (15)

Revista Ejército nº 989 mar-abr 2024.pdf
Revista Ejército nº 989 mar-abr 2024.pdfRevista Ejército nº 989 mar-abr 2024.pdf
Revista Ejército nº 989 mar-abr 2024.pdf
 
UNIDAD DIDÁCTICA MAYO TERCER GRADO (2).docx
UNIDAD DIDÁCTICA MAYO TERCER GRADO (2).docxUNIDAD DIDÁCTICA MAYO TERCER GRADO (2).docx
UNIDAD DIDÁCTICA MAYO TERCER GRADO (2).docx
 
Descentralización Y Desarrollo Territorial.pdf
Descentralización Y Desarrollo Territorial.pdfDescentralización Y Desarrollo Territorial.pdf
Descentralización Y Desarrollo Territorial.pdf
 
UNIDAD 3.1, 3.2 y 3.3 3.5 FUNCIÓN PÚBLICA 2.pptx
UNIDAD 3.1, 3.2 y 3.3 3.5 FUNCIÓN PÚBLICA 2.pptxUNIDAD 3.1, 3.2 y 3.3 3.5 FUNCIÓN PÚBLICA 2.pptx
UNIDAD 3.1, 3.2 y 3.3 3.5 FUNCIÓN PÚBLICA 2.pptx
 
PLAN DE MEJORA DE BIOSEGURIDAD EN HOSPITALES.pptx
PLAN DE MEJORA DE BIOSEGURIDAD EN  HOSPITALES.pptxPLAN DE MEJORA DE BIOSEGURIDAD EN  HOSPITALES.pptx
PLAN DE MEJORA DE BIOSEGURIDAD EN HOSPITALES.pptx
 
#DigitalTierra nº 99 Al máximo nivel en Irak
#DigitalTierra nº 99 Al máximo nivel en Irak#DigitalTierra nº 99 Al máximo nivel en Irak
#DigitalTierra nº 99 Al máximo nivel en Irak
 
Clase 4 Análisis PESTEL.PDF Material de calidad
Clase 4 Análisis PESTEL.PDF Material de calidadClase 4 Análisis PESTEL.PDF Material de calidad
Clase 4 Análisis PESTEL.PDF Material de calidad
 
Boletin 1077 - Tramitación - Ley Integral Contra La Violencia Hacia Las Mujeres
Boletin 1077 - Tramitación - Ley Integral Contra La Violencia Hacia Las MujeresBoletin 1077 - Tramitación - Ley Integral Contra La Violencia Hacia Las Mujeres
Boletin 1077 - Tramitación - Ley Integral Contra La Violencia Hacia Las Mujeres
 
UNIDAD II - CURSO DE DERECHO ADMINISTRATIVO (Parte I) (1).pdf
UNIDAD II - CURSO DE DERECHO ADMINISTRATIVO (Parte I) (1).pdfUNIDAD II - CURSO DE DERECHO ADMINISTRATIVO (Parte I) (1).pdf
UNIDAD II - CURSO DE DERECHO ADMINISTRATIVO (Parte I) (1).pdf
 
La tributación municipal en el Perú y sus pasos
La tributación municipal en el Perú y sus pasosLa tributación municipal en el Perú y sus pasos
La tributación municipal en el Perú y sus pasos
 
Día Mundial de la Seguridad y Salud en el Trabajo 2024, 28 de abril - Cambio ...
Día Mundial de la Seguridad y Salud en el Trabajo 2024, 28 de abril - Cambio ...Día Mundial de la Seguridad y Salud en el Trabajo 2024, 28 de abril - Cambio ...
Día Mundial de la Seguridad y Salud en el Trabajo 2024, 28 de abril - Cambio ...
 
POLÍTICA CRIMINAL - SEGURIDAD CIUDADANA Y TECNOLOGÍA.pptx
POLÍTICA CRIMINAL - SEGURIDAD CIUDADANA Y TECNOLOGÍA.pptxPOLÍTICA CRIMINAL - SEGURIDAD CIUDADANA Y TECNOLOGÍA.pptx
POLÍTICA CRIMINAL - SEGURIDAD CIUDADANA Y TECNOLOGÍA.pptx
 
Programa electoral de Vox para las elecciones catalanas
Programa electoral de Vox para las elecciones catalanasPrograma electoral de Vox para las elecciones catalanas
Programa electoral de Vox para las elecciones catalanas
 
Plan de Desarrollo y Ordenamiento Territorial de Imbabura.pptx
Plan de Desarrollo y Ordenamiento Territorial de Imbabura.pptxPlan de Desarrollo y Ordenamiento Territorial de Imbabura.pptx
Plan de Desarrollo y Ordenamiento Territorial de Imbabura.pptx
 
manejo de encaste en ovinos pdti indap PLC
manejo de encaste en ovinos pdti indap PLCmanejo de encaste en ovinos pdti indap PLC
manejo de encaste en ovinos pdti indap PLC
 

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>