SlideShare una empresa de Scribd logo
1 de 2
Hiperenlace <a>
Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace,
que al ser pulsado lleva de una página o archivo. Aquellos
elementos (texto, imágenes, etc.) sobre los que se desee insertar un
enlace han de encontrarse entre las etiquetas <a> y </a>. A través
del atributo href se especifica la página a la que está asociado el
enlace, la página que se visualizará cuando el usuario haga clic en
el enlace. Por ejemplo, para insertar el enlace:
Visita www.aulaclic. com
Habría que escribir: <a href="http://www.aulaclic.com">Visita
www.aulaclic.com</a>
Tipos de referencias
Existen diferentes formas de expresar una referencia a una página a
través del atributo href. Referencia absoluta: Conduce a una
ubicación externa al sitio en el que se encuentra el documento. La
ubicación es en Internet, en este caso hay que empezar la referencia
por http:// , el nombre del dominio y algunas veces el nombre de la
página. Si no se escribe el nombre de la página se cargará la página
de inicio asociada al dominio. Por ejemplo,
"http://www.aulaclic.com" tendrá el mismo efecto que
"http://www.aulaclic.com/index.htm“ Para insertar el enlace: Visita
www.aulaclic.com
Habría que escribir:
<a href="http://www.aulaclic.com">Visita www.aulaclic.com</a>
Referencia relativa al sitio:
Conduce a un documento situado dentro del mismo sitio
que el documento actual. Un sitio web es un conjunto de
archivos y carpetas, relacionados entre sí, con un diseño
similar o un objetivo común, estando todos ellos dentro
de una misma carpeta, conocida como carpeta raíz del
sitio. Por ejemplo, teniendo en cuenta que el documento
t_4_1.htm se encuentra directamente dentro de la
carpeta raíz del sitio, para insertar el enlace: Enlace a
Tema 4: Hiperenlaces Habría que escribir: <a
href="/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a>
Referencia relativa al documento: Conduce a un documento
situado dentro del mismo sitio que el documento actual, pero
partiendo del directorio en el que se encuentra el actual. Por ejemplo,
teniendo en cuenta que el documento t_4_1.htm se encuentra dentro
de la misma carpeta que el documento actual, para insertar el enlace:
Enlace a Tema 4: Hiperenlaces Habría que escribir:
<a href="t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a> Observa que
en este caso no aparece el símbolo "/" delante del nombre del
documento. Si el documento t_4_1.htm se encontrara, por ejemplo,
dentro de una carpeta llamada tema4, y esta estuviera dentro de la
misma carpeta que el documento actual, habría que escribir: <a
href="tema4/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a>
Unidad
4. Hiperenlaces
Punto de fijación:
Conduce a un punto dentro de un
documento, ya sea dentro del actual
o de otro diferente. Para ello el
vínculo debe ser
"nombre_de_documento#nombre_d
e_punto". Por ejemplo, para insertar
el enlace: Punto de fijación Tipos de
enlaces Habría que escribir: <a
href="t_4_1.htm#tipos">Punto de
fijación Tipos de enlaces</a>
Teniendo en cuenta que el
documento se llama t_4_1.htm y el
punto de fijación se llama tipos. Al
final de este tema verás cómo
definir el punto de fijación
Hiperenlace <a> guía

Más contenido relacionado

La actualidad más candente

HERRAMIENTAS DE APRENDIZAJE
HERRAMIENTAS DE APRENDIZAJEHERRAMIENTAS DE APRENDIZAJE
HERRAMIENTAS DE APRENDIZAJERafael Sánchez
 
Presentacion Internet2
Presentacion Internet2Presentacion Internet2
Presentacion Internet2guestc1475c
 
Presentacion Internet2
Presentacion Internet2Presentacion Internet2
Presentacion Internet2guestc1475c
 
Ppt Semana 1 Buscadores
Ppt Semana 1 BuscadoresPpt Semana 1 Buscadores
Ppt Semana 1 BuscadoresLuis More
 
Cursoppt Semana 1 Buscadores
Cursoppt Semana 1 BuscadoresCursoppt Semana 1 Buscadores
Cursoppt Semana 1 Buscadoresguest4b79b9
 
Buscadores Presentacion
Buscadores PresentacionBuscadores Presentacion
Buscadores Presentacionmartha raquel
 
Que son buscadores complemeto
Que son buscadores  complemetoQue son buscadores  complemeto
Que son buscadores complemetoloreguzman123
 
1er parcial practico 2010
1er parcial practico 20101er parcial practico 2010
1er parcial practico 2010profe_regio
 

La actualidad más candente (9)

HERRAMIENTAS DE APRENDIZAJE
HERRAMIENTAS DE APRENDIZAJEHERRAMIENTAS DE APRENDIZAJE
HERRAMIENTAS DE APRENDIZAJE
 
Presentacion Internet2
Presentacion Internet2Presentacion Internet2
Presentacion Internet2
 
Presentacion Internet2
Presentacion Internet2Presentacion Internet2
Presentacion Internet2
 
Ppt Semana 1 Buscadores
Ppt Semana 1 BuscadoresPpt Semana 1 Buscadores
Ppt Semana 1 Buscadores
 
Cursoppt Semana 1 Buscadores
Cursoppt Semana 1 BuscadoresCursoppt Semana 1 Buscadores
Cursoppt Semana 1 Buscadores
 
Buscadores Presentacion
Buscadores PresentacionBuscadores Presentacion
Buscadores Presentacion
 
Que son buscadores complemeto
Que son buscadores  complemetoQue son buscadores  complemeto
Que son buscadores complemeto
 
1er parcial practico 2010
1er parcial practico 20101er parcial practico 2010
1er parcial practico 2010
 
Dhtic
DhticDhtic
Dhtic
 

Destacado

EPA LEAD Certification
EPA LEAD CertificationEPA LEAD Certification
EPA LEAD CertificationAlan Perry
 
IICRC 2015 I.R.S.
IICRC 2015 I.R.S.IICRC 2015 I.R.S.
IICRC 2015 I.R.S.Alan Perry
 
Equipamiento urbano calpulalpan jilotepec
Equipamiento urbano calpulalpan jilotepecEquipamiento urbano calpulalpan jilotepec
Equipamiento urbano calpulalpan jilotepecMaricela Basurto Cruz
 
избушка.docx
избушка.docxизбушка.docx
избушка.docxspecsh
 
Reccomendation Letters
Reccomendation LettersReccomendation Letters
Reccomendation LettersAlan Perry
 
Anatomía y Fisiología de la Médula Espinal - AVC
Anatomía y Fisiología de la Médula Espinal - AVCAnatomía y Fisiología de la Médula Espinal - AVC
Anatomía y Fisiología de la Médula Espinal - AVCJames Vlin Felden
 
Second Grade Reading and English Language Arts
Second Grade Reading and English Language ArtsSecond Grade Reading and English Language Arts
Second Grade Reading and English Language Artsguest3fcb25
 

Destacado (8)

EPA LEAD Certification
EPA LEAD CertificationEPA LEAD Certification
EPA LEAD Certification
 
IICRC 2015 I.R.S.
IICRC 2015 I.R.S.IICRC 2015 I.R.S.
IICRC 2015 I.R.S.
 
Equipamiento urbano calpulalpan jilotepec
Equipamiento urbano calpulalpan jilotepecEquipamiento urbano calpulalpan jilotepec
Equipamiento urbano calpulalpan jilotepec
 
BridgeInvest Lending Program
BridgeInvest Lending ProgramBridgeInvest Lending Program
BridgeInvest Lending Program
 
избушка.docx
избушка.docxизбушка.docx
избушка.docx
 
Reccomendation Letters
Reccomendation LettersReccomendation Letters
Reccomendation Letters
 
Anatomía y Fisiología de la Médula Espinal - AVC
Anatomía y Fisiología de la Médula Espinal - AVCAnatomía y Fisiología de la Médula Espinal - AVC
Anatomía y Fisiología de la Médula Espinal - AVC
 
Second Grade Reading and English Language Arts
Second Grade Reading and English Language ArtsSecond Grade Reading and English Language Arts
Second Grade Reading and English Language Arts
 

Similar a Hiperenlace <a> guía (20)

Presentación1
Presentación1Presentación1
Presentación1
 
mapa conceptual unidad 4
mapa conceptual unidad 4mapa conceptual unidad 4
mapa conceptual unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Introducciòn a html
Introducciòn a htmlIntroducciòn a html
Introducciòn a html
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
123
123123
123
 
Unidad
UnidadUnidad
Unidad
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlace
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con web
 
cuadros
cuadroscuadros
cuadros
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Leccion 5 dream
Leccion 5 dreamLeccion 5 dream
Leccion 5 dream
 
Hipervinculo
HipervinculoHipervinculo
Hipervinculo
 
Enlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTMLEnlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTML
 
Resumen.
Resumen.Resumen.
Resumen.
 
Hiperenlaces
HiperenlacesHiperenlaces
Hiperenlaces
 
Qué es un hipervínculo
Qué es un hipervínculoQué es un hipervínculo
Qué es un hipervínculo
 
Códigos enlaces internos y externos
Códigos enlaces internos y externosCódigos enlaces internos y externos
Códigos enlaces internos y externos
 
Hipervinculos
Hipervinculos Hipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 

Último

2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 

Último (20)

Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 

Hiperenlace <a> guía

  • 1. Hiperenlace <a> Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo. Aquellos elementos (texto, imágenes, etc.) sobre los que se desee insertar un enlace han de encontrarse entre las etiquetas <a> y </a>. A través del atributo href se especifica la página a la que está asociado el enlace, la página que se visualizará cuando el usuario haga clic en el enlace. Por ejemplo, para insertar el enlace: Visita www.aulaclic. com Habría que escribir: <a href="http://www.aulaclic.com">Visita www.aulaclic.com</a> Tipos de referencias Existen diferentes formas de expresar una referencia a una página a través del atributo href. Referencia absoluta: Conduce a una ubicación externa al sitio en el que se encuentra el documento. La ubicación es en Internet, en este caso hay que empezar la referencia por http:// , el nombre del dominio y algunas veces el nombre de la página. Si no se escribe el nombre de la página se cargará la página de inicio asociada al dominio. Por ejemplo, "http://www.aulaclic.com" tendrá el mismo efecto que "http://www.aulaclic.com/index.htm“ Para insertar el enlace: Visita www.aulaclic.com Habría que escribir: <a href="http://www.aulaclic.com">Visita www.aulaclic.com</a> Referencia relativa al sitio: Conduce a un documento situado dentro del mismo sitio que el documento actual. Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común, estando todos ellos dentro de una misma carpeta, conocida como carpeta raíz del sitio. Por ejemplo, teniendo en cuenta que el documento t_4_1.htm se encuentra directamente dentro de la carpeta raíz del sitio, para insertar el enlace: Enlace a Tema 4: Hiperenlaces Habría que escribir: <a href="/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a> Referencia relativa al documento: Conduce a un documento situado dentro del mismo sitio que el documento actual, pero partiendo del directorio en el que se encuentra el actual. Por ejemplo, teniendo en cuenta que el documento t_4_1.htm se encuentra dentro de la misma carpeta que el documento actual, para insertar el enlace: Enlace a Tema 4: Hiperenlaces Habría que escribir: <a href="t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a> Observa que en este caso no aparece el símbolo "/" delante del nombre del documento. Si el documento t_4_1.htm se encontrara, por ejemplo, dentro de una carpeta llamada tema4, y esta estuviera dentro de la misma carpeta que el documento actual, habría que escribir: <a href="tema4/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a> Unidad 4. Hiperenlaces Punto de fijación: Conduce a un punto dentro de un documento, ya sea dentro del actual o de otro diferente. Para ello el vínculo debe ser "nombre_de_documento#nombre_d e_punto". Por ejemplo, para insertar el enlace: Punto de fijación Tipos de enlaces Habría que escribir: <a href="t_4_1.htm#tipos">Punto de fijación Tipos de enlaces</a> Teniendo en cuenta que el documento se llama t_4_1.htm y el punto de fijación se llama tipos. Al final de este tema verás cómo definir el punto de fijación