SlideShare una empresa de Scribd logo
mapas conceptuales
unidad 4/7
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.
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.
Hiperenlaces Marcos
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.
Cada uno de los marcos de una
página, contiene un documento
HTML individual. Por ejemplo, en
la imagen de la derecha puedes
ver una página con dos marcos.
El marco izquierdo contiene el
documento menu.htm y el
derecho el
documentoperros.htm. 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.

Más contenido relacionado

La actualidad más candente

Introducción a websites
Introducción a websitesIntroducción a websites
Introducción a websites
Rubens Yanes
 
Nuevas Etiquetas
Nuevas EtiquetasNuevas Etiquetas
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlace
Marianmv
 
Manualrapido css
Manualrapido cssManualrapido css
Manualrapido css
juan flores méndez
 
La web
La webLa web
La web
Mafe Paez
 
HTML
HTMLHTML
Ejemplos paginas html
Ejemplos paginas htmlEjemplos paginas html
Ejemplos paginas html
Robert Rodriguez
 
Slideshare
SlideshareSlideshare
Slideshare
Guillo95
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112
jumarri
 
Paginas web
Paginas webPaginas web
Paginas web
milagros
 
Recolectar enlaces (Url) de Documentos PDF y publicarlos en Delicious
Recolectar enlaces (Url) de Documentos  PDF y publicarlos en DeliciousRecolectar enlaces (Url) de Documentos  PDF y publicarlos en Delicious
Recolectar enlaces (Url) de Documentos PDF y publicarlos en Delicious
Grupo Herramienta de Documentalista
 
003html Enlaces
003html Enlaces003html Enlaces
003html Enlaces
T T
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
ElenaLoja
 
003 html: enlaces
003 html: enlaces003 html: enlaces
003 html: enlaces
Aplicaciones Gráficas
 
Dn 12 u3_act24_sgaa
Dn 12 u3_act24_sgaaDn 12 u3_act24_sgaa
Dn 12 u3_act24_sgaa
Aaron Alexis Soto Gomez
 
001 html
001 html001 html
Html 5 navegación enlaces
Html 5 navegación enlacesHtml 5 navegación enlaces
Html 5 navegación enlaces
jcremiro
 
Tema de exposició1
Tema de exposició1Tema de exposició1
Tema de exposició1
lupikarly99
 
Maria Alejandra Torres Arguello y Luna Del Mar Forero Olivar 8B
Maria Alejandra Torres Arguello y Luna Del Mar Forero Olivar 8BMaria Alejandra Torres Arguello y Luna Del Mar Forero Olivar 8B
Maria Alejandra Torres Arguello y Luna Del Mar Forero Olivar 8B
lunayaf
 

La actualidad más candente (19)

Introducción a websites
Introducción a websitesIntroducción a websites
Introducción a websites
 
Nuevas Etiquetas
Nuevas EtiquetasNuevas Etiquetas
Nuevas Etiquetas
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlace
 
Manualrapido css
Manualrapido cssManualrapido css
Manualrapido css
 
La web
La webLa web
La web
 
HTML
HTMLHTML
HTML
 
Ejemplos paginas html
Ejemplos paginas htmlEjemplos paginas html
Ejemplos paginas html
 
Slideshare
SlideshareSlideshare
Slideshare
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112
 
Paginas web
Paginas webPaginas web
Paginas web
 
Recolectar enlaces (Url) de Documentos PDF y publicarlos en Delicious
Recolectar enlaces (Url) de Documentos  PDF y publicarlos en DeliciousRecolectar enlaces (Url) de Documentos  PDF y publicarlos en Delicious
Recolectar enlaces (Url) de Documentos PDF y publicarlos en Delicious
 
003html Enlaces
003html Enlaces003html Enlaces
003html Enlaces
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
 
003 html: enlaces
003 html: enlaces003 html: enlaces
003 html: enlaces
 
Dn 12 u3_act24_sgaa
Dn 12 u3_act24_sgaaDn 12 u3_act24_sgaa
Dn 12 u3_act24_sgaa
 
001 html
001 html001 html
001 html
 
Html 5 navegación enlaces
Html 5 navegación enlacesHtml 5 navegación enlaces
Html 5 navegación enlaces
 
Tema de exposició1
Tema de exposició1Tema de exposició1
Tema de exposició1
 
Maria Alejandra Torres Arguello y Luna Del Mar Forero Olivar 8B
Maria Alejandra Torres Arguello y Luna Del Mar Forero Olivar 8BMaria Alejandra Torres Arguello y Luna Del Mar Forero Olivar 8B
Maria Alejandra Torres Arguello y Luna Del Mar Forero Olivar 8B
 

Destacado

logo
 logo logo
Universidad tecnica luis vargas torres
Universidad tecnica luis vargas torresUniversidad tecnica luis vargas torres
Universidad tecnica luis vargas torres
leinad1010
 
Oostende kleurt bloedrood
Oostende kleurt bloedroodOostende kleurt bloedrood
Oostende kleurt bloedrood
Thierry Debels
 
Office 365 Enterprise K1
Office 365 Enterprise K1Office 365 Enterprise K1
Office 365 Enterprise K1
Shuffle IT Solutions
 
Recommendation - Repacorp
Recommendation - RepacorpRecommendation - Repacorp
Recommendation - Repacorp
Roman Konotopskyj
 
Practica ubuntu.docx3
Practica ubuntu.docx3Practica ubuntu.docx3
Practica ubuntu.docx3
jhoisbelenchis03
 
Cory Vincent Smith resume
Cory Vincent Smith resumeCory Vincent Smith resume
Cory Vincent Smith resume
cory smith
 
Orozco jhoanna graficas y funciones.xlsx2
Orozco jhoanna graficas y funciones.xlsx2Orozco jhoanna graficas y funciones.xlsx2
Orozco jhoanna graficas y funciones.xlsx2
jhoisbelenchis03
 
Coia valls presenta amor prohibit 14 de febrer a llibreria serret
Coia valls presenta amor prohibit 14 de febrer a llibreria serretCoia valls presenta amor prohibit 14 de febrer a llibreria serret
Coia valls presenta amor prohibit 14 de febrer a llibreria serret
Camins Serret - Ilercavonia – Centro Cultural y Turístico
 
Go Big
Go BigGo Big
Rsf electronik msa421_521_specsheet
Rsf electronik msa421_521_specsheetRsf electronik msa421_521_specsheet
Rsf electronik msa421_521_specsheet
Electromate
 
Taller practico 1
Taller practico 1Taller practico 1
Taller practico 1
DOCENTES INSEG
 
Studying Child Psychology
Studying Child PsychologyStudying Child Psychology
Studying Child PsychologyJen Roberts
 

Destacado (13)

logo
 logo logo
logo
 
Universidad tecnica luis vargas torres
Universidad tecnica luis vargas torresUniversidad tecnica luis vargas torres
Universidad tecnica luis vargas torres
 
Oostende kleurt bloedrood
Oostende kleurt bloedroodOostende kleurt bloedrood
Oostende kleurt bloedrood
 
Office 365 Enterprise K1
Office 365 Enterprise K1Office 365 Enterprise K1
Office 365 Enterprise K1
 
Recommendation - Repacorp
Recommendation - RepacorpRecommendation - Repacorp
Recommendation - Repacorp
 
Practica ubuntu.docx3
Practica ubuntu.docx3Practica ubuntu.docx3
Practica ubuntu.docx3
 
Cory Vincent Smith resume
Cory Vincent Smith resumeCory Vincent Smith resume
Cory Vincent Smith resume
 
Orozco jhoanna graficas y funciones.xlsx2
Orozco jhoanna graficas y funciones.xlsx2Orozco jhoanna graficas y funciones.xlsx2
Orozco jhoanna graficas y funciones.xlsx2
 
Coia valls presenta amor prohibit 14 de febrer a llibreria serret
Coia valls presenta amor prohibit 14 de febrer a llibreria serretCoia valls presenta amor prohibit 14 de febrer a llibreria serret
Coia valls presenta amor prohibit 14 de febrer a llibreria serret
 
Go Big
Go BigGo Big
Go Big
 
Rsf electronik msa421_521_specsheet
Rsf electronik msa421_521_specsheetRsf electronik msa421_521_specsheet
Rsf electronik msa421_521_specsheet
 
Taller practico 1
Taller practico 1Taller practico 1
Taller practico 1
 
Studying Child Psychology
Studying Child PsychologyStudying Child Psychology
Studying Child Psychology
 

Similar a 123

Presentación65
Presentación65Presentación65
Presentación65
michaelvrl16
 
Presentación1
Presentación1Presentación1
Presentación1
andres-valle6
 
Introducciòn a html
Introducciòn a htmlIntroducciòn a html
Introducciòn a html
CASERA
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
morchito03
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
alejanbejarano
 
Unidad
UnidadUnidad
informatica 4 periodo
informatica 4 periodo informatica 4 periodo
informatica 4 periodo
Jonatán Emanuel Quintero Montaña
 
Estructura de sitio
Estructura de sitioEstructura de sitio
Estructura de sitio
iConstruye
 
Dreamweaver a lo ernesto
Dreamweaver a lo ernestoDreamweaver a lo ernesto
Dreamweaver a lo ernesto
erjenate
 
Introducción a los Enlaces, Imágenes y Tablas en HTML.pdf
Introducción a los Enlaces, Imágenes y Tablas en HTML.pdfIntroducción a los Enlaces, Imágenes y Tablas en HTML.pdf
Introducción a los Enlaces, Imágenes y Tablas en HTML.pdf
JUANPACHON10
 
Resumen.
Resumen.Resumen.
Resumen.
RamosRaiza
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
Herberto Ramirez
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con web
Marianmv
 
Codigos HTML KATERIN GONZALEZ ENRIQUEZ,
Codigos  HTML KATERIN GONZALEZ ENRIQUEZ,Codigos  HTML KATERIN GONZALEZ ENRIQUEZ,
Codigos HTML KATERIN GONZALEZ ENRIQUEZ,
andreaenriquez877
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
StalinNaranjo2
 
03
0303
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
OliverGuaman1
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
JoelMorales84
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
LENINMATEO1
 
Como crear hiperenlaces en dreamwever
Como crear hiperenlaces en dreamweverComo crear hiperenlaces en dreamwever
Como crear hiperenlaces en dreamwever
Marco Macias
 

Similar a 123 (20)

Presentación65
Presentación65Presentación65
Presentación65
 
Presentación1
Presentación1Presentación1
Presentación1
 
Introducciòn a html
Introducciòn a htmlIntroducciòn a html
Introducciòn a html
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad
UnidadUnidad
Unidad
 
informatica 4 periodo
informatica 4 periodo informatica 4 periodo
informatica 4 periodo
 
Estructura de sitio
Estructura de sitioEstructura de sitio
Estructura de sitio
 
Dreamweaver a lo ernesto
Dreamweaver a lo ernestoDreamweaver a lo ernesto
Dreamweaver a lo ernesto
 
Introducción a los Enlaces, Imágenes y Tablas en HTML.pdf
Introducción a los Enlaces, Imágenes y Tablas en HTML.pdfIntroducción a los Enlaces, Imágenes y Tablas en HTML.pdf
Introducción a los Enlaces, Imágenes y Tablas en HTML.pdf
 
Resumen.
Resumen.Resumen.
Resumen.
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con web
 
Codigos HTML KATERIN GONZALEZ ENRIQUEZ,
Codigos  HTML KATERIN GONZALEZ ENRIQUEZ,Codigos  HTML KATERIN GONZALEZ ENRIQUEZ,
Codigos HTML KATERIN GONZALEZ ENRIQUEZ,
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
03
0303
03
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Como crear hiperenlaces en dreamwever
Como crear hiperenlaces en dreamweverComo crear hiperenlaces en dreamwever
Como crear hiperenlaces en dreamwever
 

Más de Rocnar

Epu informatica
Epu informaticaEpu informatica
Epu informatica
Rocnar
 
Dinosaurio
DinosaurioDinosaurio
Dinosaurio
Rocnar
 
123
123123
123
Rocnar
 
El patos
El patosEl patos
El patos
Rocnar
 
#Ultima 8 di
#Ultima 8 di#Ultima 8 di
#Ultima 8 di
Rocnar
 
Relaciones
RelacionesRelaciones
Relaciones
Rocnar
 
El patos
El patosEl patos
El patos
Rocnar
 
Crear la safcsadprimera relación
Crear la safcsadprimera relaciónCrear la safcsadprimera relación
Crear la safcsadprimera relación
Rocnar
 
#2
#2#2
#2
Rocnar
 
Presentación1
Presentación1Presentación1
Presentación1
Rocnar
 
Presentación1 (4)
Presentación1 (4)Presentación1 (4)
Presentación1 (4)
Rocnar
 
Presentación1 (3)
Presentación1 (3)Presentación1 (3)
Presentación1 (3)
Rocnar
 
Presentación1 (2)
Presentación1 (2)Presentación1 (2)
Presentación1 (2)
Rocnar
 
Presentación1 (1)
Presentación1 (1)Presentación1 (1)
Presentación1 (1)
Rocnar
 
Kktua access
Kktua accessKktua access
Kktua access
Rocnar
 
Sdf
SdfSdf
Sdf
Rocnar
 
Crear tabla cliente
Crear tabla clienteCrear tabla cliente
Crear tabla cliente
Rocnar
 
Roncar estubo aqui
Roncar estubo aquiRoncar estubo aqui
Roncar estubo aqui
Rocnar
 
Kktua
KktuaKktua
Kktua
Rocnar
 
111
111111
111
Rocnar
 

Más de Rocnar (20)

Epu informatica
Epu informaticaEpu informatica
Epu informatica
 
Dinosaurio
DinosaurioDinosaurio
Dinosaurio
 
123
123123
123
 
El patos
El patosEl patos
El patos
 
#Ultima 8 di
#Ultima 8 di#Ultima 8 di
#Ultima 8 di
 
Relaciones
RelacionesRelaciones
Relaciones
 
El patos
El patosEl patos
El patos
 
Crear la safcsadprimera relación
Crear la safcsadprimera relaciónCrear la safcsadprimera relación
Crear la safcsadprimera relación
 
#2
#2#2
#2
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1 (4)
Presentación1 (4)Presentación1 (4)
Presentación1 (4)
 
Presentación1 (3)
Presentación1 (3)Presentación1 (3)
Presentación1 (3)
 
Presentación1 (2)
Presentación1 (2)Presentación1 (2)
Presentación1 (2)
 
Presentación1 (1)
Presentación1 (1)Presentación1 (1)
Presentación1 (1)
 
Kktua access
Kktua accessKktua access
Kktua access
 
Sdf
SdfSdf
Sdf
 
Crear tabla cliente
Crear tabla clienteCrear tabla cliente
Crear tabla cliente
 
Roncar estubo aqui
Roncar estubo aquiRoncar estubo aqui
Roncar estubo aqui
 
Kktua
KktuaKktua
Kktua
 
111
111111
111
 

Último

Tractores agricolas de-Valtra-Linea-BM.pdf
Tractores agricolas de-Valtra-Linea-BM.pdfTractores agricolas de-Valtra-Linea-BM.pdf
Tractores agricolas de-Valtra-Linea-BM.pdf
WilsonVillena
 
sistema de encendido transistorizado sin contacto por induccion.pdf
sistema de encendido transistorizado sin contacto por induccion.pdfsistema de encendido transistorizado sin contacto por induccion.pdf
sistema de encendido transistorizado sin contacto por induccion.pdf
Jaire8
 
MANUAL DEL PROPIETARIO - KIA STONIC (5).pdf
MANUAL DEL PROPIETARIO - KIA STONIC (5).pdfMANUAL DEL PROPIETARIO - KIA STONIC (5).pdf
MANUAL DEL PROPIETARIO - KIA STONIC (5).pdf
Aarón Reyes
 
manual Renault Sandero Stepway. Privilege pdf
manual Renault Sandero Stepway. Privilege pdfmanual Renault Sandero Stepway. Privilege pdf
manual Renault Sandero Stepway. Privilege pdf
ssuserccc3a8
 
jddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodk
jddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodkjddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodk
jddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodk
jhoanpepe08
 
sistema de postratamiento para sistema isx15.pptx
sistema de postratamiento para sistema isx15.pptxsistema de postratamiento para sistema isx15.pptx
sistema de postratamiento para sistema isx15.pptx
masterbalam269
 
COMPLETO trabajo para realizarun proyecto de grato de mecanica automotriz(1)...
COMPLETO  trabajo para realizarun proyecto de grato de mecanica automotriz(1)...COMPLETO  trabajo para realizarun proyecto de grato de mecanica automotriz(1)...
COMPLETO trabajo para realizarun proyecto de grato de mecanica automotriz(1)...
BenedictoAugustoRoja
 
Fam ISX EGR,VGT-CM871.pdfl manual vgt,egr,cm871
Fam ISX  EGR,VGT-CM871.pdfl manual vgt,egr,cm871Fam ISX  EGR,VGT-CM871.pdfl manual vgt,egr,cm871
Fam ISX EGR,VGT-CM871.pdfl manual vgt,egr,cm871
jmorenocalderon343
 

Último (8)

Tractores agricolas de-Valtra-Linea-BM.pdf
Tractores agricolas de-Valtra-Linea-BM.pdfTractores agricolas de-Valtra-Linea-BM.pdf
Tractores agricolas de-Valtra-Linea-BM.pdf
 
sistema de encendido transistorizado sin contacto por induccion.pdf
sistema de encendido transistorizado sin contacto por induccion.pdfsistema de encendido transistorizado sin contacto por induccion.pdf
sistema de encendido transistorizado sin contacto por induccion.pdf
 
MANUAL DEL PROPIETARIO - KIA STONIC (5).pdf
MANUAL DEL PROPIETARIO - KIA STONIC (5).pdfMANUAL DEL PROPIETARIO - KIA STONIC (5).pdf
MANUAL DEL PROPIETARIO - KIA STONIC (5).pdf
 
manual Renault Sandero Stepway. Privilege pdf
manual Renault Sandero Stepway. Privilege pdfmanual Renault Sandero Stepway. Privilege pdf
manual Renault Sandero Stepway. Privilege pdf
 
jddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodk
jddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodkjddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodk
jddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodk
 
sistema de postratamiento para sistema isx15.pptx
sistema de postratamiento para sistema isx15.pptxsistema de postratamiento para sistema isx15.pptx
sistema de postratamiento para sistema isx15.pptx
 
COMPLETO trabajo para realizarun proyecto de grato de mecanica automotriz(1)...
COMPLETO  trabajo para realizarun proyecto de grato de mecanica automotriz(1)...COMPLETO  trabajo para realizarun proyecto de grato de mecanica automotriz(1)...
COMPLETO trabajo para realizarun proyecto de grato de mecanica automotriz(1)...
 
Fam ISX EGR,VGT-CM871.pdfl manual vgt,egr,cm871
Fam ISX  EGR,VGT-CM871.pdfl manual vgt,egr,cm871Fam ISX  EGR,VGT-CM871.pdfl manual vgt,egr,cm871
Fam ISX EGR,VGT-CM871.pdfl manual vgt,egr,cm871
 

123

  • 1. mapas conceptuales unidad 4/7 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. 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. Hiperenlaces Marcos 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. Cada uno de los marcos de una página, contiene un documento HTML individual. Por ejemplo, en la imagen de la derecha puedes ver una página con dos marcos. El marco izquierdo contiene el documento menu.htm y el derecho el documentoperros.htm. 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.