title: Html relative paths using period
body: <p>I'm confused as to when the following are used and what they mean, for example in the src attribute of an img tag.  </p>
  
  <p>I know / means 'current directory' and ../ means 'up one directory'</p>
  
  <pre>
  .   Current Directory?  &lta href="." /&gt  
  ./  Current Directory   &ltimg src="./image.png" /&gt  
  /   Root directory      &ltimg src="/image.png" /&gt  
  ../ Up one directory    &ltimg src="../image.png" /&gt  
  
  </pre>
  
  <p>What is the difference between ./image.png and /image.png</p>
  
  <p><strong>Updated</strong>: / means root directory of the site</p>