¿Cuál es la img src correcta para una imagen que es mía y no prestada de otro sitio web?

En mi computadora, la carpeta que contiene mi archivo .css y .html también contiene algunas imágenes que quiero insertar en mi html. Entiendo cómo obtener una URL para una imagen si la tomo de otro sitio web. ¿Cómo obtengo una url para una imagen que está en mi carpeta, pero aún no en Internet? ¿Debo subir la imagen a otro sitio web para obtener un enlace?

También entiendo que debería usar la etiqueta base en la cabeza para proporcionar un enlace para mis URL relativas en el html, pero en este momento, no tengo un enlace que contenga las imágenes.

Es sencillo. Para las imágenes, se basan en su ubicación de directorio relativa (o puede simplemente dar la URL completa de la imagen). Por ejemplo, diga que tiene una estructura de archivos como esta:

Para acceder a la imagen, todo lo que necesita hacer es:

 

Cuando hay directorios secundarios, simplemente vaya a la carpeta para acceder a la imagen:

Entonces podemos hacer:

  

Use .. para mover hacia atrás una carpeta:

Por ejemplo:

  

Asum su página web ( .html ) ubicada en C:\Project\index.html .

Puede colocar su imagen en la misma ruta con la página web y usarla con una ruta relativa:

  

O si está en otra ruta, más como una subcarpeta de su raíz web: C:\Project\images :

  

Si el archivo de imagen está ubicado en la carpeta principal de su index.html , use eso:

  

El último uso es usar la ruta absoluta, que no se recomienda:

  

el enlace en el atributo src es la ruta del archivo de la imagen. Si está en internet, es relativamente largo ya que te estás refiriendo a una ruta que está en internet.

En su caso, la ruta de src solo debe contener el nombre de archivo de la imagen, ya que está en la misma ruta que su documento html y css que se encuentran en la misma carpeta.

Por lo tanto, hará, no tiene que cargar esa imagen a internet.