¿Por qué no puedo ver mis fotos en mi sitio web?

Básicamente, eso significa que tiene la ruta incorrecta especificada para los archivos de imagen. Entonces el navegador no puede cargar las imágenes, porque no puede encontrarlas.

Es fácil de arreglar.

Asegúrese de que todas sus imágenes estén contenidas en un directorio de imágenes en el directorio raíz de su sitio. (es decir, en la misma carpeta que su index.html)

También asegúrese de que todas sus páginas web también estén ubicadas en el directorio raíz, no en un subdirectorio.

Luego use enlaces relativos para vincular a las imágenes de la siguiente manera:

image1

Si tiene páginas web en un subdirectorio dentro del directorio raíz, use enlaces relativos para vincular al directorio de imágenes de la siguiente manera:

image1

Tenga en cuenta que ../images le dice al navegador que busque el directorio de imágenes un nivel más arriba del directorio actual.

Primero, hago que mis alumnos creen su sitio web en su computadora utilizando algún tipo de Bloc de notas. Les indico que pongan todo lo que están poniendo en su sitio web en una carpeta común. Html, scripts CSS, ilustran todo. Luego pueden probarlo usando un navegador abriendo los scripts html.

Un problema común que tienen cuando no hacen esto es que la relación de ruta entre el script html y las imágenes se puede perder. Los inexpertos asumen que la página web es como una hoja de papel cuando se parece más a las piezas de un rompecabezas. El script Html actúa como la impresión azul de donde van las piezas.

Supongo que estás mirando directamente la imagen cuando inicias sesión. Cuando cierras sesión estás mirando la página que tu código Html ha podido construir.