SlideShare una empresa de Scribd logo
1 de 5
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

Archivos secuenciales
Archivos secuencialesArchivos secuenciales
Archivos secuencialessekt07
 
Ventajas y desventajas de los servidores apache y IIS
Ventajas y desventajas de los servidores apache y IISVentajas y desventajas de los servidores apache y IIS
Ventajas y desventajas de los servidores apache y IISelianaespinoza
 
Modelo entidad relación de base de datos
Modelo entidad relación de base de datosModelo entidad relación de base de datos
Modelo entidad relación de base de datosani_tuza
 
POO Unidad 3: Interfaz gráfica de usuario e hilos
POO Unidad 3: Interfaz gráfica de usuario e hilosPOO Unidad 3: Interfaz gráfica de usuario e hilos
POO Unidad 3: Interfaz gráfica de usuario e hilosFranklin Parrales Bravo
 
Diseño detallado
Diseño detalladoDiseño detallado
Diseño detalladojose
 
Arquitecturas de software - Parte 2
Arquitecturas de software - Parte 2Arquitecturas de software - Parte 2
Arquitecturas de software - Parte 2Marta Silvia Tabares
 
Diagramas de implementacion
Diagramas de implementacionDiagramas de implementacion
Diagramas de implementacionZonickX
 
Diagrama de clases
Diagrama de clasesDiagrama de clases
Diagrama de clasesNedoww Haw
 
Mi lenguaje de programación de preferencia
Mi lenguaje de programación de preferenciaMi lenguaje de programación de preferencia
Mi lenguaje de programación de preferenciamonty19
 
Tipos de atributos y tipos de relaciones
Tipos de atributos y tipos de relacionesTipos de atributos y tipos de relaciones
Tipos de atributos y tipos de relacionesbasilioj
 
Capitulo 13 diseño de bases de datos - analisis y diseño de sistemas. Kendal...
Capitulo 13 diseño de bases de datos -  analisis y diseño de sistemas. Kendal...Capitulo 13 diseño de bases de datos -  analisis y diseño de sistemas. Kendal...
Capitulo 13 diseño de bases de datos - analisis y diseño de sistemas. Kendal...Bryan Canelas
 
ARCHIVOS Y DIRECTORIOS EN LINUX
ARCHIVOS Y DIRECTORIOS EN LINUXARCHIVOS Y DIRECTORIOS EN LINUX
ARCHIVOS Y DIRECTORIOS EN LINUXAlex Daquilema
 
Documentación de sistemas
Documentación de sistemasDocumentación de sistemas
Documentación de sistemasGladys Rodriguez
 
Diagramas Uml
Diagramas UmlDiagramas Uml
Diagramas Umlda4
 

La actualidad más candente (20)

Archivos secuenciales
Archivos secuencialesArchivos secuenciales
Archivos secuenciales
 
Ventajas y desventajas de los servidores apache y IIS
Ventajas y desventajas de los servidores apache y IISVentajas y desventajas de los servidores apache y IIS
Ventajas y desventajas de los servidores apache y IIS
 
Modelo entidad relación de base de datos
Modelo entidad relación de base de datosModelo entidad relación de base de datos
Modelo entidad relación de base de datos
 
POO Unidad 3: Interfaz gráfica de usuario e hilos
POO Unidad 3: Interfaz gráfica de usuario e hilosPOO Unidad 3: Interfaz gráfica de usuario e hilos
POO Unidad 3: Interfaz gráfica de usuario e hilos
 
Diagrama de paquete
Diagrama de paqueteDiagrama de paquete
Diagrama de paquete
 
Diseño detallado
Diseño detalladoDiseño detallado
Diseño detallado
 
Arquitecturas de software - Parte 2
Arquitecturas de software - Parte 2Arquitecturas de software - Parte 2
Arquitecturas de software - Parte 2
 
Clave foránea
Clave foráneaClave foránea
Clave foránea
 
Diagramas de implementacion
Diagramas de implementacionDiagramas de implementacion
Diagramas de implementacion
 
Ciclo Vida del Software
Ciclo Vida del SoftwareCiclo Vida del Software
Ciclo Vida del Software
 
Diagrama de clases
Diagrama de clasesDiagrama de clases
Diagrama de clases
 
Sistemas distribuidos
Sistemas distribuidosSistemas distribuidos
Sistemas distribuidos
 
Mi lenguaje de programación de preferencia
Mi lenguaje de programación de preferenciaMi lenguaje de programación de preferencia
Mi lenguaje de programación de preferencia
 
Uml presentacion
Uml   presentacionUml   presentacion
Uml presentacion
 
Tipos de atributos y tipos de relaciones
Tipos de atributos y tipos de relacionesTipos de atributos y tipos de relaciones
Tipos de atributos y tipos de relaciones
 
Capitulo 13 diseño de bases de datos - analisis y diseño de sistemas. Kendal...
Capitulo 13 diseño de bases de datos -  analisis y diseño de sistemas. Kendal...Capitulo 13 diseño de bases de datos -  analisis y diseño de sistemas. Kendal...
Capitulo 13 diseño de bases de datos - analisis y diseño de sistemas. Kendal...
 
Arquitectura del software
Arquitectura del softwareArquitectura del software
Arquitectura del software
 
ARCHIVOS Y DIRECTORIOS EN LINUX
ARCHIVOS Y DIRECTORIOS EN LINUXARCHIVOS Y DIRECTORIOS EN LINUX
ARCHIVOS Y DIRECTORIOS EN LINUX
 
Documentación de sistemas
Documentación de sistemasDocumentación de sistemas
Documentación de sistemas
 
Diagramas Uml
Diagramas UmlDiagramas Uml
Diagramas Uml
 

Similar a Códigos enlaces internos y externos

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
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos,pdf
Hipervinculos,pdfHipervinculos,pdf
Hipervinculos,pdf
 
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
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlace
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con web
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
03
0303
03
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 

Más de AngieJobsNAS

Retroescavadora Realizada en Cinema
Retroescavadora Realizada en CinemaRetroescavadora Realizada en Cinema
Retroescavadora Realizada en CinemaAngieJobsNAS
 
MOTO DE BAMBOO HECHO EN CINEMA
MOTO DE BAMBOO HECHO EN CINEMAMOTO DE BAMBOO HECHO EN CINEMA
MOTO DE BAMBOO HECHO EN CINEMAAngieJobsNAS
 
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 SillaAngieJobsNAS
 
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 escaleraAngieJobsNAS
 
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 escaleraAngieJobsNAS
 
CÓDIGOS DE TABLAS
CÓDIGOS DE TABLASCÓDIGOS DE TABLAS
CÓDIGOS DE TABLASAngieJobsNAS
 
FORMATOS DE PARRAFO CÓDIGOS
FORMATOS DE PARRAFO CÓDIGOSFORMATOS DE PARRAFO CÓDIGOS
FORMATOS DE PARRAFO CÓDIGOSAngieJobsNAS
 
FORMATOS DE TEXTO CÓDIGOS
FORMATOS DE TEXTO CÓDIGOSFORMATOS DE TEXTO CÓDIGOS
FORMATOS DE TEXTO CÓDIGOSAngieJobsNAS
 

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
 

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