digamos que sigue es la estructura DIR de mi página web 
HTML - recoger imágenes de la carpeta raíz de la subcarpeta
Ahora en index.html puedo simplemente referirse imágenes como
<img src="./images/logo.png">
pero lo si quiero referir la misma imagen fron sub.html cuál será el src
<img src="../images/logo.png">
__ ______ ________
| | |
| | |___ 3. Get the file named "logo.png"
| |
| |___ 2. Go inside "images/" subdirectory
|
|
|____ 1. Go one level up
Su index.html simplemente puede hacer src="images/logo.png" y desde sub.html que haría src="../images/logo.png"
../images/logo.png se moverá hacia atrás una carpeta.
../../images/logo.png le devolverá dos carpetas.
/images/logo.png lo llevará de vuelta a la carpeta raíz sin importar dónde se encuentre /.
Solo para agregar un punto. Si está utilizando localhost en IIS, /images/logo.png no producirá ninguna imagen. Buscará en la raíz del host local en lugar de la aplicación. Eche un vistazo a http://stackoverflow.com/a/15357705/114169 – 100r
donde sería la carpeta raíz en este caso? la carpeta que contiene imágenes, sub_folder e index.html, o la carpeta raíz del proyecto? –
@ Ashl7 La carpeta raíz es a la que se accede a través del dominio sin ninguna subcarpeta especificada. – AntonChanning
La referencia relativa sería
<img src="../images/logo.png">
Si conoce la ubicación con respecto a la raíz del servidor, que puede ser el enfoque más simple para una aplicación con una jerarquía de directorios anidada compleja - que sería lo mismo de todas las carpetas.
Por ejemplo, si su árbol de directorios representado en su pregunta es relativa a la raíz del servidor, a continuación, index.html y sub_folder/sub.html habría tanto para uso:
<img src="/images/logo.png">
Si la carpeta de imágenes es en cambio, en la raíz de una aplicación como foo por debajo de la raíz del servidor (por ejemplo http://www.example.com/foo), entonces index.html (http://www.example.com/foo/index.html) por ejemplo, y sub_folder/sub.html (http://www.example.com/foo/sub_folder/sub.html) tanto para uso:
<img src="/foo/images/logo.png">
../ t te lleva una carpeta al árbol de directorios. Luego, selecciona la carpeta apropiada y su contenido.
../images/logo.png
cuando se sube tus archivos al servidor cuidado, algunos tomos sus imágenes no aparecerán en la página web y aparecerá un icono estrellado que significa que su ruta de archivo no está dispuesto o codificados adecuadamente cuando se tiene la la siguiente estructura de archivos el código debería ser así Estructura de archivo: -> web (carpeta principal) -> imágenes (subcarpeta) -> logo.png (imagen de la carpeta sub) el código para lo anterior es inferior a seguir esta norma
<img src="../images/logo.jpg" alt="image1" width="50px" height="50px">
si has subido los archivos en el servidor web al pasar por alto la estructura de archivos con a la creación de la carpeta web si carga directamente a continuación, los archivos de las imágenes se rompen no se pueden ver las imágenes, a continuación, cambiar el código de la siguiente manera
<img src="images/logo.jpg" alt="image1" width="50px" height="50px">
gracias You-> vamshi Krishnan
cuando se sube tus archivos al servidor tenga cuidado, algunos Tomas tus imágenes no aparece en la página web y aparecerá un icono bloqueado que significa que su ruta de archivo no está correctamente organizada o codificada cuando tenga la siguiente estructura de archivos. El código debería ser así Estructura de archivo: -> web (carpeta principal) -> images (subcarpeta) -> logo.png (imagen de la carpeta sub) el código para lo anterior es inferior a seguir esta norma
< img src="../images/logo.jpg" alt="image1" width="50px" height="50px">
si has subido los archivos en el servidor web al pasar por alto la estructura de archivos con creando la carpeta web si carga directamente los archivos, entonces sus imágenes se romperán, no puede ver imágenes, luego cambie el código como sigue
<img src="images/logo.jpg" alt="image1" width="50px" height="50px">
gracias-> vamshi krishnan
voy a tener un punto para un nivel hacia abajo en el directorio – Moon
No, no lo necesita. '.' significa el directorio actual,' ..' significa directorio principal. – aularon
@aularon también ... ¿quiere decir dos directorios arriba y así sucesivamente? – Boggartfly