InicioCurso de HTML › Rutas absolutas y relativas

Rutas absolutas y relativas

Tabla de contenido (4 lecciones)
  1. 1. Curso completo de HTML
  2. 2. Dando formato al texto con HTML
  1. 3. Insertando contenido con HTML
  2. 4. Rutas absolutas y relativas (actual)

Muchas veces necesitamos insertar un archivo en nuestra pagina web y cuando lo hacemos no se ve nada, es un error muy frecuente por no entender como funcionan las rutas o paths relativas y absolutas.

Ruta Absoluta:

La ruta absoluta indica la dirección completa del archivo sin importar donde estemos, es decir, si yo tengo una foto de mi perro llamada miperro.jpg dentro de la carpeta imagenes en mi dominio comocrearunsitioweb.com la ruta absoluta sería: http://www.comocrearunsitioweb.com/imagenes/miperro.jpg

Podemos utilizar esa ruta para llamar a la imagen desde cualquier sitio (ya se en nuestro dominio o en otro).

Ruta Relativa:

La ruta relativa llama al mismo archivo pero DESDE el lugar donde estamos parados, es decir que solo funciona dentro de nuestro dominio. Por ejemplo: si nosotros estamos en el directorio principal y queremos insertar la foto desde el index la ruta relativa DESDE el index sería: imagenes/miperro.jpg

Nosotros ya estabamos en comocrearunsitioweb.com/ solo habia que entrar a una carpeta llamada imagenes y buscar la foto. Ahora supongamos que estamos dentro de una categoria llamada "articulos" y queremos insertar la foto, la ruta relativa DESDE ese punto sería: ../imagenes/miperro.jpg

Los dos puntos antes de la barra (../) significa un paso hacia atrás, porque teniamos que salir de la carpeta "articulos" y entrar a la carpeta "imagenes" donde esta la foto.

Curso: Curso de HTML

Lecciones relacionadas