On utilise pour celà les ancres.
Il faut tout d'abord choisir les parties qui nous intéressent et leur attribuer un "id" unique, de cette manière par exemple :

<p id="partie1">bla bla bla</p>
<div id="partie2">
<p>encore du bla bla</p>
</div>

Pour atteindre une section particulière, il suffit de faire un lien vers '#partie1' ou '#partie2'.
Nous allons construire notre menu de reroutage en HTML et avec une pointe de Javascript.

Voici le code complet de l'exemple, vous pouvez le copier coller nous allons l'analyser : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; (anti-spam-(anti-spam-(anti-spam-(anti-spam-(anti-spam-(anti-spam-(anti-spam-(anti-spam-(anti-spam-(anti-spam-(anti-spam-(anti-spam-(anti-spam-charset=)))))))))))))UTF-8" />
<title>Untitled Document</title>

<script type="text/JavaScript">
<!--
function GoTO(target,Objet,restore)
	{
 	 eval(target+".location='"+Objet.options[Objet.selectedIndex].value+"'");
  	if (restore) Objet.selectedIndex=0;
	}
//-->
</script>
</head>

<body>
<form name="form1" id="form1" action="">
  <select name="Menu1" onchange="GoTO('parent',this,1)">
    <option value="#">Aller à</option>
    <option value="#partie1">Partie 1</option>
    <option value="#partie2">Partie 2</option>
    <option value="#partie3">Partie 3</option>
    <option value="#partie4">Partie 4</option>
    <option value="#partie5">Partie 5</option>
  </select>
</form>
<h3>Partie 1</h3>
<p id="partie1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent sodales, lacus sed porttitor<br />
  iaculis, lectus lorem facilisis mauris, id eleifend dolor erat sed eros. Sed viverra. Vivamus id<br />
  augue. Curabitur id diam. Quisque eleifend volutpat leo. Ut gravida neque. Nullam adipiscing<br />
  sagittis nisi. Quisque dolor libero, volutpat in, tincidunt venenatis, bibendum ac, nisl. Nullam et<br />
  neque vitae magna vehicula nonummy. Vivamus non felis. Vestibulum sit amet neque.</p>
  
<h3>Partie 2</h3>
<p id="partie2">Proin dolor massa, tempus vel, feugiat tristique, convallis eget, tortor. Ut tortor nulla,<br />
  condimentum non, nonummy vitae, convallis a, tellus. Donec volutpat, purus ornare vehicula egestas,<br />
  velit elit porta tortor, ac sagittis justo eros in enim. Ut quam arcu, ornare at, venenatis vel,<br />
  sollicitudin nec, orci. Etiam nunc. Sed metus ipsum, convallis sollicitudin, placerat sit amet,<br />
  varius ac, nisi. Aliquam vitae orci ac nisl molestie facilisis. Nunc lorem. Mauris ut nulla eget<br />
  lorem dapibus ultricies. Maecenas et diam. Vestibulum eget lorem. Nullam pretium condimentum libero.<br />
  Nulla facilisi. Pellentesque at eros. Maecenas dignissim, nibh non dictum ultrices, purus felis<br />
  mollis eros, vel ultricies dolor lorem id enim. Maecenas augue. Aliquam erat volutpat. Sed lectus.<br />
  Phasellus condimentum tempus nibh.</p>
  
<h3>Partie 3</h3>
<p id="partie3">Curabitur ut eros sed odio cursus rutrum. Sed laoreet dui et dolor. Curabitur elementum, libero sed<br />
  laoreet semper, arcu justo aliquam diam, quis lobortis neque nunc sed risus. Phasellus magna. Cras<br />
  faucibus. Mauris eget quam in est semper placerat. Suspendisse ac arcu ac neque gravida facilisis.<br />
  Pellentesque semper, arcu sit amet sollicitudin vulputate, purus magna volutpat magna, id laoreet<br />
  enim pede vel nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur<br />
  ridiculus mus. Nulla eget ipsum mattis ligula sodales auctor. Integer dolor diam, suscipit nec,<br />
  sollicitudin non, bibendum pellentesque, libero. Vivamus porta facilisis risus. Nulla lorem est,<br />
  facilisis posuere, luctus ac, mattis in, nisi. In non justo. Cras ullamcorper dignissim tellus.</p>
  
<h3>Partie 4</h3>
<p id="partie4">Duis at risus nec massa dapibus adipiscing. Cras sed ante eget est iaculis fringilla. Sed pretium<br />
  purus non quam. Curabitur imperdiet risus varius turpis. Suspendisse sit amet velit in lacus<br />
  dignissim pharetra. Ut tincidunt lacinia erat. Cras lorem lacus, porttitor id, rutrum eget, sagittis<br />
  et, dolor. Integer vel lorem. Phasellus ultrices, libero eu rutrum facilisis, orci purus<br />
  consectetuer quam, ut blandit nibh dui vitae nisl. Nulla facilisi. Morbi sem. Quisque volutpat dui.<br />
  Praesent elit nunc, pellentesque in, scelerisque vel, feugiat vitae, augue. Duis feugiat nisl sit<br />
  amet nisl. Duis id nunc sit amet justo adipiscing varius. Nullam rutrum lacinia lorem. Maecenas<br />
  dapibus augue sit amet turpis.</p>

<h3>Partie 5</h3>
<p id="partie5">Suspendisse est justo, lacinia ac, auctor a, consectetuer non, dolor. Nunc tristique. Nam et nulla.<br />
  Quisque vitae mi nec metus imperdiet bibendum. Vestibulum eros. Aliquam velit tortor, pulvinar sit<br />
  amet, rhoncus id, pretium id, justo. Vestibulum eu enim. Fusce placerat, lacus vel bibendum porta,<br />
  magna massa euismod eros, in congue ante ipsum vitae tortor. In hac habitasse platea dictumst.<br />
  Aliquam erat volutpat. Nunc malesuada nonummy justo. Etiam porttitor lorem aliquam augue.<br />
  Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec<br />
  enim. Maecenas nisl. Phasellus risus purus, porta id, accumsan hendrerit, ultricies et, turpis.<br />
  Curabitur aliquet quam vel nunc. Curabitur magna nunc, mollis at, commodo a, commodo in, dolor.</p>
</body>
</html>

Nous avons le menu de reroutage, chaque paragraphe est identifié par un "id" unique, chaque ligne du menu pointe sur une partie de la page.
En ce qui concerne le script, il est appelé au moment où vous faites votre choix dans le menu déroulant, il a pour action de vous diriger sur la partie choisie et de remettre le menu en position initiale.
De plus la page est validée par le W3C.

Si vous avez des questions, n'hésitez pas à laisser un commentaire.

Bonne continuation