Home > Teaching > Tutorials > HTML Tutorial

Navigation between folders

To navigate between folders, use ../ to get back one folder and /folder_name/file_name.html to get into a folder. Examples:

<a href="classes/201b/hw2/201b_hw2.pdf">201B HW2</a>
  <!-- navigate into classes > 201b > hw2 > 201b_hw2.pdf -->
  
<a href="../../images/wind_mill.JPG">Wind Mill</a>
  <!-- go back two folders, then into folder "images" and file "wind_mill.JPG" -->

<img src="../../images/wind_mill.JPG" />

Trouble Shooting Tip: the end of image tags are not consistently saved in caps or lower case by programs or cameras, meaning this is usually something to watch for if an image isn't working properly.