Comecei a aprender html recentemente, e uma coisa que realmente me confundiu é por que alguns links têm uma barra ("/") antes do caminho e alguns links não?

ie.

<link href="/favicon.png" rel="icon">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">

vs.

<dt><a href="reset/index.html">Reset CSS</a></dt>

É um caminho relativo e um caminho absoluto? e como funciona exatamente o href? ele fica no nome do caminho após o URL base?