Hold on to your trousers, today I plan on being a little pedantic, but in retrospect…what is programming if not codes with an overload of pedantry.
Back to my point, there is a convention folder and file structure that each website should adhere to so that referencing is easy and it is understandable to other developers.
I’ll make it a little visual for you
index.html about.html *css>style.css *js>style.js *img>img1.jpg img2.jpg img3.jpg * denotes a directory
I recommend you have a skeleton file structure somewhere in your computer which you just yank out every time you have a new html project. It might save you time.
A good example to look at would be this repository on github. Clone it and have a good look at it. After that, try and make your own with working links and a skeleton index.html. Aren’t rules meant to broken, so if you come up with a file structure that throws the one in business out of the water, please, spread the word!