Question any help will be appreciated

This is can be for one of two (or both) reasons:

1. You do not have an index.html file in your project's workspace. If you want a webpage to automatically load when you preview it (or go to its url) you need to have an index.html file because that is what the browser is looking to render first. If it doesn't appear then it shows you the directory structure of your website's server so that you can choose what you want to see.

2. You have placed all of your files within a folder in your workspaces project. So instead of housing your index.html in the main workspaces directory you instead have them housed in another folder within your workspaces main directory. So when you preview it, the browser cannot find your index.html file and gives you options on what to choose.

Here is a workspace I created to show you how a project should be structured to avoid the directory being shown instead.

Here is a workspace that will show the directory because the index.html file does not exist.

Here is a workspace that will show the directory because the index.html file is not within the working directory (but when you click the directory it is in, the page will automatically display the index.html)

Hopefully that helped!