Pathfinder
This site is an example of how folder structure and file paths work on websites. Hover over an item on the file tree to see its path, and click on the folders to change your current page on the site! To learn more about the basics of how to make websites, follow the guides in Baby Steps. Check out GD with GD for more resources!
Key
📁 folder-name/ Folder
📄 file-name.ext File
./ Path relative to current folder
../ Path relative to parent folder
/ Path relative to topmost (i.e. root) folder
Relative URL
This is the file path relative to the page you’re currently on.
[No item selected]
Absolute URL
This is the file path relative to the topmost (i.e. “root”) folder. Note: this file path will only work if you are not hosting your site on GitHub Pages. Otherwise, your root folder will be [your-username].github.io instead of your actual repository.
[No item selected]
GitHub Pages URL
This is the file path of the live website on GitHub Pages.
[No item selected]
Custom URL
This is the file path of the live website on a custom domain.
[No item selected]
Description
[No item selected]