Lié les boutons de mon menu HTML

Bonjour,

J'ai un menu déroulant(qui marche très bien), mais je n'arrive pas a associer les autrres pages html que j'ai créé au bouton de mon menu qui est celui-ci:

<h1><center>SUPER BLABLA</center></h1>
<br></br>
<p></p>
<div class="carre_blanc"><!--Début du carré blanc-->
<ul id="nav">
<li class="current"><a href="#">Accueil</a></li><!-- n1 -->
<li><a href="#">Nos Blala</a><!-- n1 -->
 <ul>
  <li><a href="#">Les blabla1</a></li><!-- n2 -->
  <li><a href="#">Les blabla2</a><!-- n2 -->
   <ul>
    <li><a href="#">azerty1</a></li><!-- n3 -->
    <li><a href="#">azerty2</a></li><!-- n3 -->
   </ul>
  </li>
  <li><a href="#">"uiop1"</a></li><!-- n2 -->
  <li><a href="#">uiop2</a></li><!-- n2 -->
 </ul>
</li>
<li><a href="#">Commandes</a></li> 
<li><a href="#">FAQ</a></li>
<li><a href="#">Contact</a></li>
</ul>

Si quelqu'un peut m'aider(j'ai deja utiliser beaucoup de solution des forums)...merci :)