('../') im confused how this works. he says "this tells the browser to move one directory backwards"

Hey Alex,

Think about it this way...instead of thinking "backwards", think of it as each ".." telling the browser to go to this folder's parent folder or back up the document tree one folder. The document tree is the very same as a family tree. It has siblings, parents, grandparents, cousins, etc. Right now, we're only focusing on our parents and their parents and back.

Imagine that you were in the folder "html" with "somefile.html" (which is where your code is) and "html" was a part of the following set of folders: root -> img -> html. You want to put the picture "someImage.png" in your document. It is located in the "img" folder. Here is visually what that looks like:

So, In other words, you had to click the "root" folder and go into it. Then, you had to click the "img" folder and go into it. And finally, you had to click the "html" folder to get to the file you want. So, "img" folder is the parent of "html" because you had to go through "img" to get to "html".

That means in order to link to "someImage.png" like we want in "someFile.html" we have to go up one directory and then link to the image. To go up one directory, we use one set of ".." for each time we want to go up. Since we only want to go up one directory, we only need one "..". Now all we have to do is write the code:

<!-- 
"../someImage.png" goes up one directory to the folder above it, the "img" folder and grabs the image
-->
<img src="../someImage.png" alt="Hey its some image">

Hopefully it makes more sense now that you can see what's going on.