Lier lien d'un menu vers une page html

Bonjour,
Dans le cadre de mes études nous devons créer un site en html et css, j'ai réussi à faire ce que je voulais le seul problème c'est que je n'arrive pas à lier les liens de mon menu pour qu'on me renvoi aux autres pages html que j'ai fais. Mon menu est en trois partie : Accueil, Photos et Contact. La page html de l'accueil s'appelle index.html, la page des photos s'appelle indexpage2.html, et la page contact s'appelle indexage3.html

J'ai cherché de l'aide sur Internet et on m'a proposé de faire ceci :

<div id="menu">
<ul id="menu"><h3 align="center"><font size="5">
<li><a href="index.html">ACCEUIL</a></li>
<li><a href="indexpage2.html">PHOTOS</a></li>
<li><a href="indexpage3.html">CONTACT</a></li>
</ul>
</div>

Sauf que ça ne marche pas, quand je clique sur les lien dans mon menu un page s'ouvre mais affiche "Aucun fichiers n'existe à l'adresse : /Users/Marie/Documents/S1/TD/CODAGE CSS HTML/Portfolio/ACCUEIL ou PHOTOS ou CONTACT

J'ai donc créer des dossier en mettant mes page html dans les dossiers ACCUEIL / PHOTOS / CONTACT mais quand je clique sur le lien ça m'envoie dans le dossier au lieu d'ouvrir la page sur Internet.

J'espère avoir été assez claire, si quelqu'un peut m'aider je le remercie d'avance
Ps : je dois rendre ce projet avant demain....