AdNow

loading...

Rutas de archivos HTML

Rutas de archivos HTML


CaminoDescripción
img src = "picture.jpg"picture.jpg se encuentra en la misma carpeta que la página actual
img src = "images / picture.jpg"picture.jpg se encuentra en la carpeta de imágenes ubicada en la carpeta actual
img src = "/ images / picture.jpg"picture.jpg se encuentra en la carpeta de imágenes ubicada en la raíz de la web actual
img src = "../ picture.jpg"picture.jpg se encuentra en la carpeta un nivel arriba de la carpeta actual

HTML Rutas de Archivos

Una ruta de archivo describe la ubicación de un archivo en la estructura de carpetas de un sitio web.
Las rutas de archivos se usan cuando se vinculan a archivos externos como:
  • Web pages
  • Imágenes
  • Hojas de estilo
  • JavaScript

Rutas absolutas de archivos

Una ruta de archivo absoluta es la URL completa de un archivo de Internet:

Ejemplo

<img src="https://www.w3schools.com/images/picture.jpg"alt="Mountain">
La etiqueta img y los atributos src y alt se explican en el capítulo sobre HTML Imágenes .

Rutas relativas de archivos

Una ruta de archivo relativa apunta a un archivo relativo a la página actual.
En este ejemplo, la ruta del archivo apunta a un archivo en la carpeta de imágenes ubicada en la raíz de la web actual:

Ejemplo

<img src="/images/picture.jpg" alt="Mountain">
En este ejemplo, la ruta del archivo apunta a un archivo en la carpeta de imágenes ubicada en la carpeta actual:

Ejemplo

<img src="images/picture.jpg" alt="Mountain">
En este ejemplo, la ruta del archivo apunta a un archivo en la carpeta de imágenes ubicada en la carpeta un nivel arriba de la carpeta actual:

Ejemplo

<img src="../images/picture.jpg" alt="Mountain">

Mejores prácticas

Es una mejor práctica usar rutas de archivos relativas (si es posible).
Al usar rutas de archivos relativas, sus páginas web no estarán vinculadas a su URL base actual. Todos los enlaces funcionarán en su propia computadora (servidor local), así como en su dominio público actual y sus futuros dominios públicos. 

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Entradas más populares de este blog

Listado pasaporte y cedulas SAIME 2018

Etiqueta HTML < abbr >

HTML < a > tag

Visitas a este blog