En los links si el archivo esta en la misma carpeta debes poner solo el nombre de archivo completo:
<span class="codigo"> <a href="pagina.html" ...
Si esta en una carpeta que esta junto al archivo en el que trabajas:
<a href="carpeta/archivo.html" ...
Si esta en la carpeta superior
<a href="../pagina.html" ... </span>
La carpeta superior significa que por ejemplo existe una carpeta A y dentro de A esta la carpeta B. La carpeta superior de B es A [es decir la que la contiene]. Cualquier archivo que este en B debe vincular a un archivo de A como describí antes.
Para empezar con eso deberia ser suficiente. De todas maneras los siguientes consejos no estan demás:
- Pon todos los nombres de carpetas y de archivo con minusculas.
- Fijate en que las direcciones en los links estan escritas con minusculas.
- Usa una sola extension para tus archivos: htm o html. No uses las dos mezcladas, sino que al comenzar el trabajo decide cual de las dos usarás y fijate que esten correctos en los links y en los nombres de todos los archivos.