SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
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

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 (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

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
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
03
0303
03
 
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 informaticaRocnar
 
Dinosaurio
DinosaurioDinosaurio
DinosaurioRocnar
 
El patos
El patosEl patos
El patosRocnar
 
#Ultima 8 di
#Ultima 8 di#Ultima 8 di
#Ultima 8 diRocnar
 
Relaciones
RelacionesRelaciones
RelacionesRocnar
 
El patos
El patosEl patos
El patosRocnar
 
Crear la safcsadprimera relación
Crear la safcsadprimera relaciónCrear la safcsadprimera relación
Crear la safcsadprimera relaciónRocnar
 
Presentación1
Presentación1Presentación1
Presentación1Rocnar
 
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 accessRocnar
 
Crear tabla cliente
Crear tabla clienteCrear tabla cliente
Crear tabla clienteRocnar
 
Roncar estubo aqui
Roncar estubo aquiRoncar estubo aqui
Roncar estubo aquiRocnar
 

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

Ergonomía en Oficinas- Ergonomía en Oficina.pptx
Ergonomía en Oficinas- Ergonomía en Oficina.pptxErgonomía en Oficinas- Ergonomía en Oficina.pptx
Ergonomía en Oficinas- Ergonomía en Oficina.pptxmolinabdiego93
 
PIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfhPIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfhjonathancallenteg
 
Manual de Camioneta Toyota doble traccion 20023
Manual de Camioneta Toyota doble traccion 20023Manual de Camioneta Toyota doble traccion 20023
Manual de Camioneta Toyota doble traccion 20023danyercatari1
 
Inyección electrónica, Diagnostico por imagenes.pdf
Inyección electrónica, Diagnostico por imagenes.pdfInyección electrónica, Diagnostico por imagenes.pdf
Inyección electrónica, Diagnostico por imagenes.pdfmiltonantonioescamil
 
lollllllllllllllllllllllllllllllllllllllllllllllll
lolllllllllllllllllllllllllllllllllllllllllllllllllollllllllllllllllllllllllllllllllllllllllllllllll
lollllllllllllllllllllllllllllllllllllllllllllllllJesusFlores332
 
la historia de nissan skyline y su evolucion
la historia de nissan skyline y su evolucionla historia de nissan skyline y su evolucion
la historia de nissan skyline y su evolucionemanuelrosalezsanche
 

Último (6)

Ergonomía en Oficinas- Ergonomía en Oficina.pptx
Ergonomía en Oficinas- Ergonomía en Oficina.pptxErgonomía en Oficinas- Ergonomía en Oficina.pptx
Ergonomía en Oficinas- Ergonomía en Oficina.pptx
 
PIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfhPIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfh
 
Manual de Camioneta Toyota doble traccion 20023
Manual de Camioneta Toyota doble traccion 20023Manual de Camioneta Toyota doble traccion 20023
Manual de Camioneta Toyota doble traccion 20023
 
Inyección electrónica, Diagnostico por imagenes.pdf
Inyección electrónica, Diagnostico por imagenes.pdfInyección electrónica, Diagnostico por imagenes.pdf
Inyección electrónica, Diagnostico por imagenes.pdf
 
lollllllllllllllllllllllllllllllllllllllllllllllll
lolllllllllllllllllllllllllllllllllllllllllllllllllollllllllllllllllllllllllllllllllllllllllllllllll
lollllllllllllllllllllllllllllllllllllllllllllllll
 
la historia de nissan skyline y su evolucion
la historia de nissan skyline y su evolucionla historia de nissan skyline y su evolucion
la historia de nissan skyline y su evolucion
 

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.