SlideShare una empresa de Scribd logo
CODIGO DE
ENLACES INTERNOS Y EXTERNOS
En el HTML los enlaces se marcan con la etiqueta <a></a> y el atributo principal
es href="" donde se escribe la ubicación del archivo de destino que puede estar en la
misma carpeta que el archivo que lo está llamando, en otra carpeta del mismo sitio o
en otro sitio web.
Entre las etiquetas <a href=""></a> se puede colocar cualquier elemento html que
funcionará como botón, generalmente se coloca un texto o una imagen. Si es un texto,
el navegador por defecto lo muestra en color azul y subrayado. Si es una imagen,
algunos navegadores especialmente las versiones anteriores a las actuales, le pueden
agregar un borde azul.
“
”
Rutas de enlaces:
Se llama ruta al valor que se escribe dentro del
atributo href="" y se pueden clasificar en dos tipos:
Absolutas y Relativas.
Rutas absolutas:
Las rutas absolutas son las que definen la ubicación completa de un archivo en la web
y empiezan desde http://nombredelsitio.com.ar/archivo.html (el archivo de destino
puede ser de cualquier extensión). Por ejemplo si queremos vincular nuestro sitio con
Facebook, usaríamos una ruta absoluta y el código sería:
<a href="https://www.facebook.com/pagina">Estamos en Facebook</a>
Rutas relativas:
Las rutas relativas en cambio, definen la ubicación del archivo de destino en relación
a la ubicación del archivo que lo está llamando. Ejemplo: si el
archivo index.html vincula con quien-soy.html y están en la misma carpeta, el código
sería asi:
<a href="quien-soy.html">Quién soy</a>.
TIPOS DE ENLACES
Enlaces internos entre archivos .html
Son los enlaces principales de un sitio. Si en el archivo index.html, queremos agregar un vínculo a
contacto.html el código sería así:
<a href="contacto.html">Contáctenos</a>.
El texto que queda encerrado entre las etiquetas <a> es lo que ve el usuario en color azul y subrayado.
Son los enlaces entre diferentes sitios web. Si queremos vincular un sitio web con otro, tenemos que indicar la ruta absoluta
del sitio escribiendo la url completa que conviene copiarla del navegador.
En este caso, es común usar el atributo target="" que nos permite abrir el enlace en una pestaña nueva. Por ejemplo, si
quisiera poner un vínculo a Google y que éste abra en pestaña nueva, sería así:
<a href="http://google.com" target="_blank">Ir a Google</a>
Enlaces externos
Estudiante:
Angie Aleli Agual Álvarez
Curso:
5to Diseño Grafico

Más contenido relacionado

La actualidad más candente

Google Sites Presentacion
Google Sites PresentacionGoogle Sites Presentacion
Google Sites Presentacion
Manuel López Caparrós
 
introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías web
evelynfarro06
 
Presentacion eclipse - grupo 6
Presentacion   eclipse - grupo 6Presentacion   eclipse - grupo 6
Presentacion eclipse - grupo 6
Maga Lasic
 
Páginas web
Páginas webPáginas web
Disenando Sistemas empleando el modelo de capas en desarrollo de software
Disenando Sistemas empleando el modelo de capas en desarrollo de softwareDisenando Sistemas empleando el modelo de capas en desarrollo de software
Disenando Sistemas empleando el modelo de capas en desarrollo de software
Alexander Calderón
 
Programacion web
Programacion webProgramacion web
Programacion web
kaferinurango
 
Listas Enlazadas
Listas EnlazadasListas Enlazadas
Listas Enlazadas
Vane Borjas
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
Raymond Marquina
 
Patron Singleton
Patron SingletonPatron Singleton
Herramientas de Programacion Cliente Servidor
Herramientas de Programacion Cliente ServidorHerramientas de Programacion Cliente Servidor
Herramientas de Programacion Cliente Servidor
Hectlys Piña
 
Modelo e r
Modelo e rModelo e r
Modelo e rgarci17
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia webMeli Vidal
 
TUTORIAL DE MySQL WORKBENCH
TUTORIAL DE MySQL WORKBENCHTUTORIAL DE MySQL WORKBENCH
TUTORIAL DE MySQL WORKBENCH
kelsy98
 
Busqueda de información
Busqueda de informaciónBusqueda de información
Busqueda de información
vittoriagm
 
Pubmed para principiantes
Pubmed para principiantesPubmed para principiantes
Pubmed para principiantes
SocialBiblio
 
Modelo Entidad/Relación
Modelo Entidad/RelaciónModelo Entidad/Relación
Modelo Entidad/Relación
yumitacohen
 

La actualidad más candente (20)

Herramientas de busqueda
Herramientas de busquedaHerramientas de busqueda
Herramientas de busqueda
 
Google Sites Presentacion
Google Sites PresentacionGoogle Sites Presentacion
Google Sites Presentacion
 
introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías web
 
Presentacion eclipse - grupo 6
Presentacion   eclipse - grupo 6Presentacion   eclipse - grupo 6
Presentacion eclipse - grupo 6
 
Páginas web
Páginas webPáginas web
Páginas web
 
Disenando Sistemas empleando el modelo de capas en desarrollo de software
Disenando Sistemas empleando el modelo de capas en desarrollo de softwareDisenando Sistemas empleando el modelo de capas en desarrollo de software
Disenando Sistemas empleando el modelo de capas en desarrollo de software
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Listas Enlazadas
Listas EnlazadasListas Enlazadas
Listas Enlazadas
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Herramientas web 1.0
Herramientas web 1.0Herramientas web 1.0
Herramientas web 1.0
 
Listas enlazadas
Listas enlazadasListas enlazadas
Listas enlazadas
 
Patron Singleton
Patron SingletonPatron Singleton
Patron Singleton
 
Herramientas de Programacion Cliente Servidor
Herramientas de Programacion Cliente ServidorHerramientas de Programacion Cliente Servidor
Herramientas de Programacion Cliente Servidor
 
Modelo e r
Modelo e rModelo e r
Modelo e r
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia web
 
TUTORIAL DE MySQL WORKBENCH
TUTORIAL DE MySQL WORKBENCHTUTORIAL DE MySQL WORKBENCH
TUTORIAL DE MySQL WORKBENCH
 
Busqueda de información
Busqueda de informaciónBusqueda de información
Busqueda de información
 
Estructura de datos
Estructura de datosEstructura de datos
Estructura de datos
 
Pubmed para principiantes
Pubmed para principiantesPubmed para principiantes
Pubmed para principiantes
 
Modelo Entidad/Relación
Modelo Entidad/RelaciónModelo Entidad/Relación
Modelo Entidad/Relación
 

Similar a Códigos enlaces internos y externos

Introducciòn a html
Introducciòn a htmlIntroducciòn a html
Introducciòn a htmlCASERA
 
Mariuxi perez monserrate
Mariuxi  perez monserrateMariuxi  perez monserrate
Mariuxi perez monserrate
Mariuxi_perez
 
Hancasoft html
Hancasoft   htmlHancasoft   html
Edición de documentos
Edición de documentosEdición de documentos
Edición de documentosiConstruye
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
BelenRosales12
 
Hipervinculos,pdf
Hipervinculos,pdfHipervinculos,pdf
Hipervinculos,pdf
JeffersonAguachela
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
DenisseChacaguasay
 
Codigo de enlaces internos y externos
Codigo de enlaces internos y externosCodigo de enlaces internos y externos
Codigo de enlaces internos y externos
Johan Gomez
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
Herberto Ramirez
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 24000859
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 24000859
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 24000859
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con web
Marianmv
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlace
Marianmv
 
03
0303
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
OliverGuaman1
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
LENINMATEO1
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
JoelMorales84
 

Similar a Códigos enlaces internos y externos (20)

Introducciòn a html
Introducciòn a htmlIntroducciòn a html
Introducciòn a html
 
Mariuxi perez monserrate
Mariuxi  perez monserrateMariuxi  perez monserrate
Mariuxi perez monserrate
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Hancasoft html
Hancasoft   htmlHancasoft   html
Hancasoft html
 
Edición de documentos
Edición de documentosEdición de documentos
Edición de documentos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos,pdf
Hipervinculos,pdfHipervinculos,pdf
Hipervinculos,pdf
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Codigo de enlaces internos y externos
Codigo de enlaces internos y externosCodigo de enlaces internos y externos
Codigo de enlaces internos y externos
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con web
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlace
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
03
0303
03
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 

Más de AngieJobsNAS

Gato Samurai
Gato SamuraiGato Samurai
Gato Samurai
AngieJobsNAS
 
Retroescavadora Realizada en Cinema
Retroescavadora Realizada en CinemaRetroescavadora Realizada en Cinema
Retroescavadora Realizada en Cinema
AngieJobsNAS
 
MOTO DE BAMBOO HECHO EN CINEMA
MOTO DE BAMBOO HECHO EN CINEMAMOTO DE BAMBOO HECHO EN CINEMA
MOTO DE BAMBOO HECHO EN CINEMA
AngieJobsNAS
 
TRACTOR REALIZADO EN CINEMA
TRACTOR REALIZADO EN CINEMA TRACTOR REALIZADO EN CINEMA
TRACTOR REALIZADO EN CINEMA
AngieJobsNAS
 
Cinema creacion de una Mesa y Silla
Cinema creacion de una  Mesa y SillaCinema creacion de una  Mesa y Silla
Cinema creacion de una Mesa y Silla
AngieJobsNAS
 
ITSB. .Cinema 4d: Tarea #1 Modelado de escalera
ITSB. .Cinema 4d: Tarea #1 Modelado de escaleraITSB. .Cinema 4d: Tarea #1 Modelado de escalera
ITSB. .Cinema 4d: Tarea #1 Modelado de escalera
AngieJobsNAS
 
ITSB. .Cinema 4d: Tarea #1 Modelado de escalera
ITSB. .Cinema 4d: Tarea #1 Modelado de escaleraITSB. .Cinema 4d: Tarea #1 Modelado de escalera
ITSB. .Cinema 4d: Tarea #1 Modelado de escalera
AngieJobsNAS
 
CÓDIGOS DE TABLAS
CÓDIGOS DE TABLASCÓDIGOS DE TABLAS
CÓDIGOS DE TABLAS
AngieJobsNAS
 
FORMATOS DE PARRAFO CÓDIGOS
FORMATOS DE PARRAFO CÓDIGOSFORMATOS DE PARRAFO CÓDIGOS
FORMATOS DE PARRAFO CÓDIGOS
AngieJobsNAS
 
FORMATOS DE TEXTO CÓDIGOS
FORMATOS DE TEXTO CÓDIGOSFORMATOS DE TEXTO CÓDIGOS
FORMATOS DE TEXTO CÓDIGOS
AngieJobsNAS
 

Más de AngieJobsNAS (10)

Gato Samurai
Gato SamuraiGato Samurai
Gato Samurai
 
Retroescavadora Realizada en Cinema
Retroescavadora Realizada en CinemaRetroescavadora Realizada en Cinema
Retroescavadora Realizada en Cinema
 
MOTO DE BAMBOO HECHO EN CINEMA
MOTO DE BAMBOO HECHO EN CINEMAMOTO DE BAMBOO HECHO EN CINEMA
MOTO DE BAMBOO HECHO EN CINEMA
 
TRACTOR REALIZADO EN CINEMA
TRACTOR REALIZADO EN CINEMA TRACTOR REALIZADO EN CINEMA
TRACTOR REALIZADO EN CINEMA
 
Cinema creacion de una Mesa y Silla
Cinema creacion de una  Mesa y SillaCinema creacion de una  Mesa y Silla
Cinema creacion de una Mesa y Silla
 
ITSB. .Cinema 4d: Tarea #1 Modelado de escalera
ITSB. .Cinema 4d: Tarea #1 Modelado de escaleraITSB. .Cinema 4d: Tarea #1 Modelado de escalera
ITSB. .Cinema 4d: Tarea #1 Modelado de escalera
 
ITSB. .Cinema 4d: Tarea #1 Modelado de escalera
ITSB. .Cinema 4d: Tarea #1 Modelado de escaleraITSB. .Cinema 4d: Tarea #1 Modelado de escalera
ITSB. .Cinema 4d: Tarea #1 Modelado de escalera
 
CÓDIGOS DE TABLAS
CÓDIGOS DE TABLASCÓDIGOS DE TABLAS
CÓDIGOS DE TABLAS
 
FORMATOS DE PARRAFO CÓDIGOS
FORMATOS DE PARRAFO CÓDIGOSFORMATOS DE PARRAFO CÓDIGOS
FORMATOS DE PARRAFO CÓDIGOS
 
FORMATOS DE TEXTO CÓDIGOS
FORMATOS DE TEXTO CÓDIGOSFORMATOS DE TEXTO CÓDIGOS
FORMATOS DE TEXTO CÓDIGOS
 

Último

Escaneo y eliminación de malware en el equipo
Escaneo y eliminación de malware en el equipoEscaneo y eliminación de malware en el equipo
Escaneo y eliminación de malware en el equipo
nicromante2000
 
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJECONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
SamuelGampley
 
trabajo integrador final sofi y vane.docx
trabajo integrador final sofi y vane.docxtrabajo integrador final sofi y vane.docx
trabajo integrador final sofi y vane.docx
lasocharfuelan123
 
infografia del sena para analisis y desarrollo de software
infografia del sena para analisis y desarrollo de softwareinfografia del sena para analisis y desarrollo de software
infografia del sena para analisis y desarrollo de software
oscartorres960914
 
experiencia de aprendizaje sobre lectura y escritura como herramientas de ap...
experiencia de aprendizaje sobre lectura y escritura como  herramientas de ap...experiencia de aprendizaje sobre lectura y escritura como  herramientas de ap...
experiencia de aprendizaje sobre lectura y escritura como herramientas de ap...
cuentauniversidad34
 
PitchCollabART uniendo talentos, creando maravillas digitales
PitchCollabART uniendo talentos, creando maravillas digitalesPitchCollabART uniendo talentos, creando maravillas digitales
PitchCollabART uniendo talentos, creando maravillas digitales
juanorejuela499
 
Los desafíos de calidad de software que nos trae la IA y los LLMs
Los desafíos de calidad de software que nos trae la IA y los LLMsLos desafíos de calidad de software que nos trae la IA y los LLMs
Los desafíos de calidad de software que nos trae la IA y los LLMs
Federico Toledo
 
FICHA DE TRABAJO DE CREACION DE TABLAS EN WORD
FICHA  DE TRABAJO DE CREACION DE TABLAS EN WORDFICHA  DE TRABAJO DE CREACION DE TABLAS EN WORD
FICHA DE TRABAJO DE CREACION DE TABLAS EN WORD
RobertSotilLujn
 
Maquina de Dibujo y Escritura Automática.pdf
Maquina de Dibujo y Escritura Automática.pdfMaquina de Dibujo y Escritura Automática.pdf
Maquina de Dibujo y Escritura Automática.pdf
juanjosebarreiro704
 
Caso de exito Cirrus - Hospital La Salle
Caso de exito Cirrus - Hospital La SalleCaso de exito Cirrus - Hospital La Salle
Caso de exito Cirrus - Hospital La Salle
Ecaresoft Inc.
 

Último (10)

Escaneo y eliminación de malware en el equipo
Escaneo y eliminación de malware en el equipoEscaneo y eliminación de malware en el equipo
Escaneo y eliminación de malware en el equipo
 
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJECONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
 
trabajo integrador final sofi y vane.docx
trabajo integrador final sofi y vane.docxtrabajo integrador final sofi y vane.docx
trabajo integrador final sofi y vane.docx
 
infografia del sena para analisis y desarrollo de software
infografia del sena para analisis y desarrollo de softwareinfografia del sena para analisis y desarrollo de software
infografia del sena para analisis y desarrollo de software
 
experiencia de aprendizaje sobre lectura y escritura como herramientas de ap...
experiencia de aprendizaje sobre lectura y escritura como  herramientas de ap...experiencia de aprendizaje sobre lectura y escritura como  herramientas de ap...
experiencia de aprendizaje sobre lectura y escritura como herramientas de ap...
 
PitchCollabART uniendo talentos, creando maravillas digitales
PitchCollabART uniendo talentos, creando maravillas digitalesPitchCollabART uniendo talentos, creando maravillas digitales
PitchCollabART uniendo talentos, creando maravillas digitales
 
Los desafíos de calidad de software que nos trae la IA y los LLMs
Los desafíos de calidad de software que nos trae la IA y los LLMsLos desafíos de calidad de software que nos trae la IA y los LLMs
Los desafíos de calidad de software que nos trae la IA y los LLMs
 
FICHA DE TRABAJO DE CREACION DE TABLAS EN WORD
FICHA  DE TRABAJO DE CREACION DE TABLAS EN WORDFICHA  DE TRABAJO DE CREACION DE TABLAS EN WORD
FICHA DE TRABAJO DE CREACION DE TABLAS EN WORD
 
Maquina de Dibujo y Escritura Automática.pdf
Maquina de Dibujo y Escritura Automática.pdfMaquina de Dibujo y Escritura Automática.pdf
Maquina de Dibujo y Escritura Automática.pdf
 
Caso de exito Cirrus - Hospital La Salle
Caso de exito Cirrus - Hospital La SalleCaso de exito Cirrus - Hospital La Salle
Caso de exito Cirrus - Hospital La Salle
 

Códigos enlaces internos y externos

  • 1. CODIGO DE ENLACES INTERNOS Y EXTERNOS En el HTML los enlaces se marcan con la etiqueta <a></a> y el atributo principal es href="" donde se escribe la ubicación del archivo de destino que puede estar en la misma carpeta que el archivo que lo está llamando, en otra carpeta del mismo sitio o en otro sitio web. Entre las etiquetas <a href=""></a> se puede colocar cualquier elemento html que funcionará como botón, generalmente se coloca un texto o una imagen. Si es un texto, el navegador por defecto lo muestra en color azul y subrayado. Si es una imagen, algunos navegadores especialmente las versiones anteriores a las actuales, le pueden agregar un borde azul.
  • 2. “ ” Rutas de enlaces: Se llama ruta al valor que se escribe dentro del atributo href="" y se pueden clasificar en dos tipos: Absolutas y Relativas. Rutas absolutas: Las rutas absolutas son las que definen la ubicación completa de un archivo en la web y empiezan desde http://nombredelsitio.com.ar/archivo.html (el archivo de destino puede ser de cualquier extensión). Por ejemplo si queremos vincular nuestro sitio con Facebook, usaríamos una ruta absoluta y el código sería: <a href="https://www.facebook.com/pagina">Estamos en Facebook</a>
  • 3. Rutas relativas: Las rutas relativas en cambio, definen la ubicación del archivo de destino en relación a la ubicación del archivo que lo está llamando. Ejemplo: si el archivo index.html vincula con quien-soy.html y están en la misma carpeta, el código sería asi: <a href="quien-soy.html">Quién soy</a>.
  • 4. TIPOS DE ENLACES Enlaces internos entre archivos .html Son los enlaces principales de un sitio. Si en el archivo index.html, queremos agregar un vínculo a contacto.html el código sería así: <a href="contacto.html">Contáctenos</a>. El texto que queda encerrado entre las etiquetas <a> es lo que ve el usuario en color azul y subrayado. Son los enlaces entre diferentes sitios web. Si queremos vincular un sitio web con otro, tenemos que indicar la ruta absoluta del sitio escribiendo la url completa que conviene copiarla del navegador. En este caso, es común usar el atributo target="" que nos permite abrir el enlace en una pestaña nueva. Por ejemplo, si quisiera poner un vínculo a Google y que éste abra en pestaña nueva, sería así: <a href="http://google.com" target="_blank">Ir a Google</a> Enlaces externos
  • 5. Estudiante: Angie Aleli Agual Álvarez Curso: 5to Diseño Grafico