SlideShare una empresa de Scribd logo
1 de 8
Michael varela
906
Nicolás esguerra
informatica
Unidad 4
hiperenlaces
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.
Habría que escribir:
<a
href="http://www.aulaclic.c
om">Visita
www.aulaclic.com</a>
Tipos de referencias
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/ind
ex.htm
Habría que escribir:
<a
href="http://www.aulaclic.co
m">Visita
www.aulaclic.com</a>
Tipos de referencias
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.
Habría que escribir:
<a href="/t_4_1.htm">Enlace
a Tema 4: Hiperenlaces</a>
<a href="/tema4/t_4_1.htm"
>Enlace a Tema 4:
Hiperenlaces</a>
Tipos de referencias
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:
Habría que escribir:
<a href="t_4_1.htm">Enlace
a Tema 4: Hiperenlaces</a>
<a href="tema4/t_4_1.htm">
Enlace a Tema 4:
Hiperenlaces</a>
Tipos de referencias
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#no
mbre_de_punto".
Por ejemplo, para insertar el
enlace:
<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.
Conjunto de marcos
<frameset>
Los marcos o frames sirven
para distribuir mejor los datos
de las páginas, ya que
permiten mantener fijas
algunas partes, como pueden
ser el logotipo y la barra de
navegación, mientras que
otras sí pueden cambiar.
Además de mejorar la
funcionalidad, pueden
mejorar también la
apariencia.
Para poder visualizar la página
de este modo, hemos tenido
que abrir en el navegador el
documento marcos.htm, que
es el que en este caso contiene
el grupo de marcos.
Conjunto de marcos
<frameset>
Los conjuntos de marcos se definen a través de las etiquetas <frameset> y </frameset>,
que van después de la etiqueta <head>. A través de estas etiquetas se indica el número de
marcos en que se dividirá la ventana, cada uno de los cuales será una especie de
subventana.

Más contenido relacionado

La actualidad más candente

Hipervinculos en power point
Hipervinculos en power pointHipervinculos en power point
Hipervinculos en power point4tobacomolina
 
Estructura de sitio
Estructura de sitioEstructura de sitio
Estructura de sitioiConstruye
 
Hipervinculos en power point
Hipervinculos en power pointHipervinculos en power point
Hipervinculos en power pointjuliomolinamena
 
1er parcial practico 2010
1er parcial practico 20101er parcial practico 2010
1er parcial practico 2010profe_regio
 
Hipervínculos de power point
Hipervínculos de power pointHipervínculos de power point
Hipervínculos de power pointandresesta
 
Vínculos e Hipervinculos
Vínculos e HipervinculosVínculos e Hipervinculos
Vínculos e Hipervinculoslor73
 
Actividad no.1
Actividad no.1Actividad no.1
Actividad no.1Charchar7
 
Presentacion real gbi
Presentacion real gbiPresentacion real gbi
Presentacion real gbicjimenezcor
 
Cursoppt Semana 1 Buscadores
Cursoppt Semana 1 BuscadoresCursoppt Semana 1 Buscadores
Cursoppt Semana 1 Buscadoresguest4b79b9
 
Ppt Semana 1 Buscadores
Ppt Semana 1 BuscadoresPpt Semana 1 Buscadores
Ppt Semana 1 BuscadoresLuis More
 

La actualidad más candente (16)

Presentacion de internet
Presentacion de  internetPresentacion de  internet
Presentacion de internet
 
Hipervinculos en power point
Hipervinculos en power pointHipervinculos en power point
Hipervinculos en power point
 
Estructura de sitio
Estructura de sitioEstructura de sitio
Estructura de sitio
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculo
HipervinculoHipervinculo
Hipervinculo
 
Base de datos
Base de datosBase de datos
Base de datos
 
Hipervinculos en power point
Hipervinculos en power pointHipervinculos en power point
Hipervinculos en power point
 
1er parcial practico 2010
1er parcial practico 20101er parcial practico 2010
1er parcial practico 2010
 
Hipervínculos de power point
Hipervínculos de power pointHipervínculos de power point
Hipervínculos de power point
 
Vínculos e Hipervinculos
Vínculos e HipervinculosVínculos e Hipervinculos
Vínculos e Hipervinculos
 
Leccion 5 dream
Leccion 5 dreamLeccion 5 dream
Leccion 5 dream
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 
Actividad no.1
Actividad no.1Actividad no.1
Actividad no.1
 
Presentacion real gbi
Presentacion real gbiPresentacion real gbi
Presentacion real gbi
 
Cursoppt Semana 1 Buscadores
Cursoppt Semana 1 BuscadoresCursoppt Semana 1 Buscadores
Cursoppt Semana 1 Buscadores
 
Ppt Semana 1 Buscadores
Ppt Semana 1 BuscadoresPpt Semana 1 Buscadores
Ppt Semana 1 Buscadores
 

Destacado

Atuação clínica do farmacêutico - Congresso Riopharma 2015
Atuação clínica do farmacêutico - Congresso Riopharma 2015Atuação clínica do farmacêutico - Congresso Riopharma 2015
Atuação clínica do farmacêutico - Congresso Riopharma 2015Cassyano Correr
 
IMI International Volkswagen Brand Health: The Impact & Aftermath
IMI International Volkswagen Brand Health: The Impact & AftermathIMI International Volkswagen Brand Health: The Impact & Aftermath
IMI International Volkswagen Brand Health: The Impact & AftermathSarah Stovold
 
Volkswagen final
Volkswagen finalVolkswagen final
Volkswagen finalAgin Jose
 
Volkswaagen scandal
Volkswaagen scandalVolkswaagen scandal
Volkswaagen scandalAditi Barge
 
Volkswagen financial analysis and emissions scandal impact.
Volkswagen financial analysis and emissions scandal impact.Volkswagen financial analysis and emissions scandal impact.
Volkswagen financial analysis and emissions scandal impact.DanialAhmedSheikh
 
How Volkswagen Mocked Corporate Social Responsibility: “Diesel Gate” Outs Sus...
How Volkswagen Mocked Corporate Social Responsibility: “Diesel Gate” Outs Sus...How Volkswagen Mocked Corporate Social Responsibility: “Diesel Gate” Outs Sus...
How Volkswagen Mocked Corporate Social Responsibility: “Diesel Gate” Outs Sus...Sage HR
 

Destacado (11)

Atuação clínica do farmacêutico - Congresso Riopharma 2015
Atuação clínica do farmacêutico - Congresso Riopharma 2015Atuação clínica do farmacêutico - Congresso Riopharma 2015
Atuação clínica do farmacêutico - Congresso Riopharma 2015
 
TVT GRDF Toulon 26 octobre 2015
TVT GRDF Toulon 26 octobre 2015TVT GRDF Toulon 26 octobre 2015
TVT GRDF Toulon 26 octobre 2015
 
Beyond the BASE.icks
Beyond the BASE.icksBeyond the BASE.icks
Beyond the BASE.icks
 
Volkswagen Emissions
Volkswagen EmissionsVolkswagen Emissions
Volkswagen Emissions
 
Volkswagen Harakiri
Volkswagen HarakiriVolkswagen Harakiri
Volkswagen Harakiri
 
IMI International Volkswagen Brand Health: The Impact & Aftermath
IMI International Volkswagen Brand Health: The Impact & AftermathIMI International Volkswagen Brand Health: The Impact & Aftermath
IMI International Volkswagen Brand Health: The Impact & Aftermath
 
Volkswagen final
Volkswagen finalVolkswagen final
Volkswagen final
 
Volkswaagen scandal
Volkswaagen scandalVolkswaagen scandal
Volkswaagen scandal
 
Volkswagen
VolkswagenVolkswagen
Volkswagen
 
Volkswagen financial analysis and emissions scandal impact.
Volkswagen financial analysis and emissions scandal impact.Volkswagen financial analysis and emissions scandal impact.
Volkswagen financial analysis and emissions scandal impact.
 
How Volkswagen Mocked Corporate Social Responsibility: “Diesel Gate” Outs Sus...
How Volkswagen Mocked Corporate Social Responsibility: “Diesel Gate” Outs Sus...How Volkswagen Mocked Corporate Social Responsibility: “Diesel Gate” Outs Sus...
How Volkswagen Mocked Corporate Social Responsibility: “Diesel Gate” Outs Sus...
 

Similar a Presentación65 (20)

Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Presentación1
Presentación1Presentación1
Presentación1
 
Introducciòn a html
Introducciòn a htmlIntroducciòn a html
Introducciòn a html
 
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
 
Como crear hiperenlaces en dreamwever
Como crear hiperenlaces en dreamweverComo crear hiperenlaces en dreamwever
Como crear hiperenlaces en dreamwever
 
Resumen.
Resumen.Resumen.
Resumen.
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Hiperenlaces
HiperenlacesHiperenlaces
Hiperenlaces
 
Hiperenlaces
HiperenlacesHiperenlaces
Hiperenlaces
 
Códigos enlaces internos y externos
Códigos enlaces internos y externosCódigos enlaces internos y externos
Códigos enlaces internos y externos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos,pdf
Hipervinculos,pdfHipervinculos,pdf
Hipervinculos,pdf
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 

Más de michaelvrl16

Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerramichaelvrl16
 
Plantilla con-normas-icontec 0
Plantilla con-normas-icontec 0Plantilla con-normas-icontec 0
Plantilla con-normas-icontec 0michaelvrl16
 
Plantilla con-normas-icontec
Plantilla con-normas-icontecPlantilla con-normas-icontec
Plantilla con-normas-icontecmichaelvrl16
 
Plantilla con-normas-icontec
Plantilla con-normas-icontecPlantilla con-normas-icontec
Plantilla con-normas-icontecmichaelvrl16
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerramichaelvrl16
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerramichaelvrl16
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerramichaelvrl16
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerramichaelvrl16
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerramichaelvrl16
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerramichaelvrl16
 

Más de michaelvrl16 (19)

Lkj
LkjLkj
Lkj
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerra
 
normas incontec
normas incontecnormas incontec
normas incontec
 
tecnologia
tecnologiatecnologia
tecnologia
 
Michael
MichaelMichael
Michael
 
Michael
MichaelMichael
Michael
 
Michael
MichaelMichael
Michael
 
Michael
MichaelMichael
Michael
 
Michael
MichaelMichael
Michael
 
Plantilla con-normas-icontec 0
Plantilla con-normas-icontec 0Plantilla con-normas-icontec 0
Plantilla con-normas-icontec 0
 
Plantilla con-normas-icontec
Plantilla con-normas-icontecPlantilla con-normas-icontec
Plantilla con-normas-icontec
 
Plantilla con-normas-icontec
Plantilla con-normas-icontecPlantilla con-normas-icontec
Plantilla con-normas-icontec
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerra
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerra
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerra
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerra
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerra
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerra
 
Sensor sonido
Sensor sonidoSensor sonido
Sensor sonido
 

Último

Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
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
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
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
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
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
 
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
 

Último (20)

Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
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
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
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
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
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
 
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
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
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.
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
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...
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
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
 

Presentación65

  • 2. Unidad 4 hiperenlaces 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. Habría que escribir: <a href="http://www.aulaclic.c om">Visita www.aulaclic.com</a>
  • 3. Tipos de referencias 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/ind ex.htm Habría que escribir: <a href="http://www.aulaclic.co m">Visita www.aulaclic.com</a>
  • 4. Tipos de referencias 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. Habría que escribir: <a href="/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a> <a href="/tema4/t_4_1.htm" >Enlace a Tema 4: Hiperenlaces</a>
  • 5. Tipos de referencias 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: Habría que escribir: <a href="t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a> <a href="tema4/t_4_1.htm"> Enlace a Tema 4: Hiperenlaces</a>
  • 6. Tipos de referencias 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#no mbre_de_punto". Por ejemplo, para insertar el enlace: <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.
  • 7. Conjunto de marcos <frameset> Los marcos o frames sirven para distribuir mejor los datos de las páginas, ya que permiten mantener fijas algunas partes, como pueden ser el logotipo y la barra de navegación, mientras que otras sí pueden cambiar. Además de mejorar la funcionalidad, pueden mejorar también la apariencia. Para poder visualizar la página de este modo, hemos tenido que abrir en el navegador el documento marcos.htm, que es el que en este caso contiene el grupo de marcos.
  • 8. Conjunto de marcos <frameset> Los conjuntos de marcos se definen a través de las etiquetas <frameset> y </frameset>, que van después de la etiqueta <head>. A través de estas etiquetas se indica el número de marcos en que se dividirá la ventana, cada uno de los cuales será una especie de subventana.