¿Cómo usar una ruta relativa para vincular a otro archivo local?

Esta es una pregunta html muy básica, pero parece que no puedo encontrar la respuesta.

Tengo un archivo local ubicado aquí:

/Users/Me/Desktop/Main/June/foo.txt

En un documento .html ubicado dentro del directorio /Main, puedo vincular a la foo.txt archivo usando la ruta completa:

<a href="file:///Users/Me/Desktop/Main/June/foo.txt">Full Path Link</a>

Me gustaría usar rutas relativas para vincular a foo.txt. ¿Alguien sabe cómo crear un enlace de ruta relativa a este foo.txt ¿expediente?

Probé el código a continuación y varias permutaciones similares, pero parece que no puedo escribir con éxito el enlace de la ruta relativa para este archivo local.

<a href="file:///../June/foo.txt">Relative path Link</a>

Quitar el file:/// parte para tener solo ../June/foo.txt.

Esto debería ayudarte.

Si simplemente arrastra su archivo desde el explorador de soluciones a la página razor/html, creará para usted todo lo que necesita.