SlideShare una empresa de Scribd logo
UNIDAD 4 HTMLHIPER ENLACE <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>.
TIPOS DE REFERENCIAS:
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.
DETINO DE ENLACE:
Abre el documento
vinculado en la ventana
completa del navegador.
No te preocupes si no te
queda del todo claro para
qué sirve cada una de estas
opciones de destino, ya que
se volverán a ver en el tema
de Marcos. De momento
sólo te interesa retener la
opción _blank y _self.
FORMATO DE ENLACES:
En general, un texto que
tiene un vínculo asociado
suele aparecer subrayado.
Cuando el vínculo está
definido sobre una imágen,
en el borde aparecen una
serie de puntitos al pulsar
sobre ella. Cuando el
vínculo está definido sobre
una zona de una imagen (un
mapa), aparece el contorno
de esa zona.
PUNTO DE
FIJACION.ANCLAS:
Cuando se tienen
documentos extensos,
divididos en varios
apartados, es preferible
poder ir directamente al
apartado deseado, en lugar
de ir al comienzo del
documento. Un ancla
necesita que se inserten
las <a> y </a>, con el
atributo name, que puede
tomar cualquier valor
inventado por el usuario, se
recomienda no utilizar
caracteres especiales
OTROS TIPOS DE ENLACES:
Abre la aplicación Outlook
Express para escribir un
correo electrónico, cuyo
destinatario será el
especificado en el enlace.
Para ello la referencia del
vínculo debe
ser "mailto:direcciondecorr
eo".
• Otros tipos de enlaces
• Puntos de fijación
• Formato de los enlaces
• Destino del enlace
• Tipos de referencias
• Hiperenlace <a>

Más contenido relacionado

La actualidad más candente

Delicious
DeliciousDelicious
Delicious
iriahernandez
 
Grupo 8
Grupo 8Grupo 8
Grupo 8Nticx
 
Tutorial creación de documento en google docs
Tutorial creación de documento en google docsTutorial creación de documento en google docs
Tutorial creación de documento en google docsCarlos Silva B
 
Los Marcadores Sociales
Los Marcadores SocialesLos Marcadores Sociales
Los Marcadores Sociales
Javier Vicente Guevara
 
Algunas notas sobre el uso de Delicious
Algunas notas  sobre el uso de DeliciousAlgunas notas  sobre el uso de Delicious
Algunas notas sobre el uso de Delicious
digitalde
 
tutorial google docs
tutorial google docstutorial google docs
tutorial google docs
paola_22
 
410167 Delicious Qué Es Y Cómo Usarlo
410167 Delicious Qué Es Y Cómo Usarlo410167 Delicious Qué Es Y Cómo Usarlo
410167 Delicious Qué Es Y Cómo Usarlodiegopc69
 
Mr. wong
Mr. wongMr. wong
Mr. wong
Vivi Maribel
 
Leccion 6 dream
Leccion 6 dreamLeccion 6 dream
Leccion 6 dream
Flor Aguilar
 
Mariuxi perez monserrate
Mariuxi  perez monserrateMariuxi  perez monserrate
Mariuxi perez monserrate
Mariuxi_perez
 

La actualidad más candente (14)

Delicious
DeliciousDelicious
Delicious
 
Grupo 8
Grupo 8Grupo 8
Grupo 8
 
Guia 11
Guia 11Guia 11
Guia 11
 
Tutorial creación de documento en google docs
Tutorial creación de documento en google docsTutorial creación de documento en google docs
Tutorial creación de documento en google docs
 
Rafael cumbajin 1º c
Rafael cumbajin 1º cRafael cumbajin 1º c
Rafael cumbajin 1º c
 
Los Marcadores Sociales
Los Marcadores SocialesLos Marcadores Sociales
Los Marcadores Sociales
 
Algunas notas sobre el uso de Delicious
Algunas notas  sobre el uso de DeliciousAlgunas notas  sobre el uso de Delicious
Algunas notas sobre el uso de Delicious
 
Tutorial
TutorialTutorial
Tutorial
 
tutorial google docs
tutorial google docstutorial google docs
tutorial google docs
 
410167 Delicious Qué Es Y Cómo Usarlo
410167 Delicious Qué Es Y Cómo Usarlo410167 Delicious Qué Es Y Cómo Usarlo
410167 Delicious Qué Es Y Cómo Usarlo
 
Mr. wong
Mr. wongMr. wong
Mr. wong
 
Leccion 6 dream
Leccion 6 dreamLeccion 6 dream
Leccion 6 dream
 
Mariuxi perez monserrate
Mariuxi  perez monserrateMariuxi  perez monserrate
Mariuxi perez monserrate
 
Delicious efectos
Delicious efectosDelicious efectos
Delicious efectos
 

Destacado

Trabajo Excel 1
Trabajo Excel 1Trabajo Excel 1
Trabajo Excel 1
santy200102
 
080322 (Wr) V1 Social Software En Digitale Identiteit Nhl
080322 (Wr) V1 Social Software En Digitale Identiteit Nhl080322 (Wr) V1 Social Software En Digitale Identiteit Nhl
080322 (Wr) V1 Social Software En Digitale Identiteit Nhl
WilfredRubens.com
 
Gb feb scene
Gb feb sceneGb feb scene
Gb feb scene
CalumetPress
 
Common HVAC Terms
Common HVAC TermsCommon HVAC Terms
Common HVAC Terms
ARS/Rescue Rooter
 
Furnace Mistakes Infograph
Furnace Mistakes InfographFurnace Mistakes Infograph
Furnace Mistakes Infograph
ARS/Rescue Rooter
 
Excellart
ExcellartExcellart
Excellart
Katherine Pico
 
About Women in Biz Network and Thrive Summit
About Women in Biz Network and Thrive Summit About Women in Biz Network and Thrive Summit
About Women in Biz Network and Thrive Summit
Her Community Inc. Women in Biz Network
 
Sumner_USUtranscripts
Sumner_USUtranscriptsSumner_USUtranscripts
Sumner_USUtranscriptsMike Sumner
 
Aja efektiivne kasutamine
Aja efektiivne kasutamineAja efektiivne kasutamine
Aja efektiivne kasutamineAlgis Perens
 
Projektijuhi e-kool
Projektijuhi e-koolProjektijuhi e-kool
Projektijuhi e-kool
Algis Perens
 
Virtuaalne juhtimine ja virtuaalse koostöö korraldamine. Koolitus 2014
Virtuaalne juhtimine ja virtuaalse koostöö korraldamine. Koolitus 2014Virtuaalne juhtimine ja virtuaalse koostöö korraldamine. Koolitus 2014
Virtuaalne juhtimine ja virtuaalse koostöö korraldamine. Koolitus 2014Algis Perens
 
Projekti juhtimine ettevõtte juhile
Projekti juhtimine ettevõtte juhileProjekti juhtimine ettevõtte juhile
Projekti juhtimine ettevõtte juhileAlgis Perens
 
Praktiline projektijuhtimine
Praktiline projektijuhtiminePraktiline projektijuhtimine
Praktiline projektijuhtimineAlgis Perens
 

Destacado (13)

Trabajo Excel 1
Trabajo Excel 1Trabajo Excel 1
Trabajo Excel 1
 
080322 (Wr) V1 Social Software En Digitale Identiteit Nhl
080322 (Wr) V1 Social Software En Digitale Identiteit Nhl080322 (Wr) V1 Social Software En Digitale Identiteit Nhl
080322 (Wr) V1 Social Software En Digitale Identiteit Nhl
 
Gb feb scene
Gb feb sceneGb feb scene
Gb feb scene
 
Common HVAC Terms
Common HVAC TermsCommon HVAC Terms
Common HVAC Terms
 
Furnace Mistakes Infograph
Furnace Mistakes InfographFurnace Mistakes Infograph
Furnace Mistakes Infograph
 
Excellart
ExcellartExcellart
Excellart
 
About Women in Biz Network and Thrive Summit
About Women in Biz Network and Thrive Summit About Women in Biz Network and Thrive Summit
About Women in Biz Network and Thrive Summit
 
Sumner_USUtranscripts
Sumner_USUtranscriptsSumner_USUtranscripts
Sumner_USUtranscripts
 
Aja efektiivne kasutamine
Aja efektiivne kasutamineAja efektiivne kasutamine
Aja efektiivne kasutamine
 
Projektijuhi e-kool
Projektijuhi e-koolProjektijuhi e-kool
Projektijuhi e-kool
 
Virtuaalne juhtimine ja virtuaalse koostöö korraldamine. Koolitus 2014
Virtuaalne juhtimine ja virtuaalse koostöö korraldamine. Koolitus 2014Virtuaalne juhtimine ja virtuaalse koostöö korraldamine. Koolitus 2014
Virtuaalne juhtimine ja virtuaalse koostöö korraldamine. Koolitus 2014
 
Projekti juhtimine ettevõtte juhile
Projekti juhtimine ettevõtte juhileProjekti juhtimine ettevõtte juhile
Projekti juhtimine ettevõtte juhile
 
Praktiline projektijuhtimine
Praktiline projektijuhtiminePraktiline projektijuhtimine
Praktiline projektijuhtimine
 

Similar a Unidad

Unidad 4
Unidad 4Unidad 4
Unidad 4
alejanbejarano
 
Presentación65
Presentación65Presentación65
Presentación65
michaelvrl16
 
123
123123
123
Rocnar
 
Introducciòn a html
Introducciòn a htmlIntroducciòn a html
Introducciòn a htmlCASERA
 
Leccion 5 dream
Leccion 5 dreamLeccion 5 dream
Leccion 5 dream
Flor Aguilar
 
mapa conceptual unidad 4
mapa conceptual unidad 4mapa conceptual unidad 4
mapa conceptual unidad 4
Helman Pinto
 
informatica 4 periodo
informatica 4 periodo informatica 4 periodo
informatica 4 periodo
Jonatán Emanuel Quintero Montaña
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con web
Marianmv
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlace
Marianmv
 
Crear un hipervínculo en word
Crear un hipervínculo en wordCrear un hipervínculo en word
Crear un hipervínculo en wordmbtessore
 
Trabajo dreamweaver formulario-vinculo
Trabajo dreamweaver formulario-vinculoTrabajo dreamweaver formulario-vinculo
Trabajo dreamweaver formulario-vinculomOnsezita123
 
Hiperenlaces 6 f
Hiperenlaces 6 fHiperenlaces 6 f
Hiperenlaces 6 fjaxjl14
 
Hiperenlaces
HiperenlacesHiperenlaces
Hiperenlaces
BaronyBarreto
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
Joaquin Cantero
 
0112 gs3 creacionpaginasweb
0112 gs3 creacionpaginasweb0112 gs3 creacionpaginasweb
0112 gs3 creacionpaginasweb
claseintrevol
 

Similar a Unidad (20)

Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación65
Presentación65Presentación65
Presentación65
 
123
123123
123
 
Introducciòn a html
Introducciòn a htmlIntroducciòn a html
Introducciòn a html
 
Leccion 5 dream
Leccion 5 dreamLeccion 5 dream
Leccion 5 dream
 
mapa conceptual unidad 4
mapa conceptual unidad 4mapa conceptual unidad 4
mapa conceptual unidad 4
 
informatica 4 periodo
informatica 4 periodo informatica 4 periodo
informatica 4 periodo
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con web
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlace
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Crear un hipervínculo en word
Crear un hipervínculo en wordCrear un hipervínculo en word
Crear un hipervínculo en word
 
Hiperenlaces
HiperenlacesHiperenlaces
Hiperenlaces
 
Hiperenlaces 5
Hiperenlaces 5Hiperenlaces 5
Hiperenlaces 5
 
Trabajo dreamweaver formulario-vinculo
Trabajo dreamweaver formulario-vinculoTrabajo dreamweaver formulario-vinculo
Trabajo dreamweaver formulario-vinculo
 
Hiperenlaces 6 f
Hiperenlaces 6 fHiperenlaces 6 f
Hiperenlaces 6 f
 
Resumen.
Resumen.Resumen.
Resumen.
 
Hiperenlaces
HiperenlacesHiperenlaces
Hiperenlaces
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
0112 gs3 creacionpaginasweb
0112 gs3 creacionpaginasweb0112 gs3 creacionpaginasweb
0112 gs3 creacionpaginasweb
 

Más de jestebanpineda

Pagian web 6
Pagian web 6Pagian web 6
Pagian web 6
jestebanpineda
 
Pagian web 6
Pagian web 6Pagian web 6
Pagian web 6
jestebanpineda
 
Pagian web 5
Pagian web 5Pagian web 5
Pagian web 5
jestebanpineda
 
Pagian web 5
Pagian web 5Pagian web 5
Pagian web 5
jestebanpineda
 
Pagian web.html
Pagian web.htmlPagian web.html
Pagian web.html
jestebanpineda
 
Pagian web 2
Pagian web 2Pagian web 2
Pagian web 2
jestebanpineda
 
Colegio nacional lás esguerra
Colegio nacional lás esguerra   Colegio nacional lás esguerra
Colegio nacional lás esguerra
jestebanpineda
 
Ultimo trabajo evidencia
Ultimo trabajo  evidenciaUltimo trabajo  evidencia
Ultimo trabajo evidencia
jestebanpineda
 
Plantilla con-normas-icontec
Plantilla con-normas-icontecPlantilla con-normas-icontec
Plantilla con-normas-icontec
jestebanpineda
 
Edwar y pineda
Edwar y pinedaEdwar y pineda
Edwar y pineda
jestebanpineda
 
Doc 2
Doc 2Doc 2
Doc
DocDoc
Documento quintero
Documento quinteroDocumento quintero
Documento quintero
jestebanpineda
 
Documento quintero
Documento quinteroDocumento quintero
Documento quintero
jestebanpineda
 
documento
documentodocumento
documento
jestebanpineda
 
Rerq
RerqRerq
Requisito 150716154725-lva1-app6892-150723155220-lva1-app6892 (1)perezpineda
Requisito 150716154725-lva1-app6892-150723155220-lva1-app6892 (1)perezpinedaRequisito 150716154725-lva1-app6892-150723155220-lva1-app6892 (1)perezpineda
Requisito 150716154725-lva1-app6892-150723155220-lva1-app6892 (1)perezpineda
jestebanpineda
 
Clientes
ClientesClientes
Clientes
jestebanpineda
 

Más de jestebanpineda (20)

Doc1
Doc1 Doc1
Doc1
 
Pagian web 6
Pagian web 6Pagian web 6
Pagian web 6
 
Pagian web 6
Pagian web 6Pagian web 6
Pagian web 6
 
Pagian web 5
Pagian web 5Pagian web 5
Pagian web 5
 
Pagian web 5
Pagian web 5Pagian web 5
Pagian web 5
 
Pagian web.html
Pagian web.htmlPagian web.html
Pagian web.html
 
Pagian web 2
Pagian web 2Pagian web 2
Pagian web 2
 
Colegio nacional lás esguerra
Colegio nacional lás esguerra   Colegio nacional lás esguerra
Colegio nacional lás esguerra
 
Ultimo trabajo evidencia
Ultimo trabajo  evidenciaUltimo trabajo  evidencia
Ultimo trabajo evidencia
 
Plantilla con-normas-icontec
Plantilla con-normas-icontecPlantilla con-normas-icontec
Plantilla con-normas-icontec
 
Edwar y pineda
Edwar y pinedaEdwar y pineda
Edwar y pineda
 
Doc 2
Doc 2Doc 2
Doc 2
 
Doc
DocDoc
Doc
 
Documento quintero
Documento quinteroDocumento quintero
Documento quintero
 
Documento quintero
Documento quinteroDocumento quintero
Documento quintero
 
documento
documentodocumento
documento
 
Rerq
RerqRerq
Rerq
 
Requisito 150716154725-lva1-app6892-150723155220-lva1-app6892 (1)perezpineda
Requisito 150716154725-lva1-app6892-150723155220-lva1-app6892 (1)perezpinedaRequisito 150716154725-lva1-app6892-150723155220-lva1-app6892 (1)perezpineda
Requisito 150716154725-lva1-app6892-150723155220-lva1-app6892 (1)perezpineda
 
Requisito
RequisitoRequisito
Requisito
 
Clientes
ClientesClientes
Clientes
 

Último

EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
Javier Lasa
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
LuisEnriqueCarboneDe
 
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA IINSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
CESAR MIJAEL ESPINOZA SALAZAR
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
juanlemus11122
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
QuerubinOlayamedina
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
Fernando Tellado
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
Elizabeth Mejia
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
bgonzalezm20
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
DarwinNestorArapaQui
 

Último (9)

EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
 
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA IINSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
 

Unidad

  • 1. UNIDAD 4 HTMLHIPER ENLACE <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>. TIPOS DE REFERENCIAS: 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. DETINO DE ENLACE: Abre el documento vinculado en la ventana completa del navegador. No te preocupes si no te queda del todo claro para qué sirve cada una de estas opciones de destino, ya que se volverán a ver en el tema de Marcos. De momento sólo te interesa retener la opción _blank y _self. FORMATO DE ENLACES: En general, un texto que tiene un vínculo asociado suele aparecer subrayado. Cuando el vínculo está definido sobre una imágen, en el borde aparecen una serie de puntitos al pulsar sobre ella. Cuando el vínculo está definido sobre una zona de una imagen (un mapa), aparece el contorno de esa zona. PUNTO DE FIJACION.ANCLAS: Cuando se tienen documentos extensos, divididos en varios apartados, es preferible poder ir directamente al apartado deseado, en lugar de ir al comienzo del documento. Un ancla necesita que se inserten las <a> y </a>, con el atributo name, que puede tomar cualquier valor inventado por el usuario, se recomienda no utilizar caracteres especiales OTROS TIPOS DE ENLACES: Abre la aplicación Outlook Express para escribir un correo electrónico, cuyo destinatario será el especificado en el enlace. Para ello la referencia del vínculo debe ser "mailto:direcciondecorr eo". • Otros tipos de enlaces • Puntos de fijación • Formato de los enlaces • Destino del enlace • Tipos de referencias • Hiperenlace <a>