Absolute & Relative URLs

Learn about the two types of URLs you can use for images, links, stylesheets, JavaScript files and more. The tutorial covers theory and some examples.

I remember the day I finally understood how to use ../ from my CSS file to access the images in the img folder. I was so frustrated at this stupid coding thing. While I was looking through someone else’s code I saw ../ “What the heck is that?” I asked before trying it out. It blew my mind! I’ve had several days where I didn’t get URLs after that, but my coding life has been waaaay better since then. So, I made a 10 minute explainer tutorial video all about Absolute & Relative URLs—hopefully it helps you with your coding journey.

[taylorakos]

Great little video! Just realised it's the same as the good old cd.. DOS command. :)

[rm]

It’s important to note that when you ../ about.html you are not going back to the pages folder. You are in fact going back to what’s contained in the urls tutorial folder. So you are not exactly going back the way you came. You are going back to the urls tutorial folder and all its choices. It feels a little counter intuitive. Going back a from a file in a folder can feel like going back twice.