Outils pour utilisateurs

Outils du site


nsi:langages:html:menu

Ceci est une ancienne révision du document !



Warning: Undefined array key 1 in /home/goupillf/wiki.goupill.fr/lib/plugins/codeprettify/syntax/code.php on line 172

Warning: Undefined array key 2 in /home/goupillf/wiki.goupill.fr/lib/plugins/codeprettify/syntax/code.php on line 214

Warning: Undefined array key 2 in /home/goupillf/wiki.goupill.fr/lib/plugins/codeprettify/syntax/code.php on line 214

Un menu simple en HTML

Le besoin

On a 3 ou 4 pages et on voudrait pouvoir naviguer entre elles. Je propose ci-dessous une façon simple de réaliser un menu. Ce menu devra être copier dans toutes les pages. Il est fixe.

Une situation pour fixer les idées

On dira que l'on dispose de 4 pages :

  • l'accueil : index.html
  • une page biographie : biographie.html
  • une page filmographie : filmographie.html

Le menu a mettre dans toutes les pages

On le met où on veut, par exemple juste après <body> :

<div class='menu'>
    <ul>
        <li><a href='index.html'>Accueil</a></li>
        <li><a href='biographie.html'>Biographie</a></li>
        <li><a href='filmographie.html'>Filmographie</a></li>
    </ul>
</div>

Le style

Pour l'instant le menu est laid. C'est une liste à puces avec des liens

nsi/langages/html/menu.1730139570.txt.gz · Dernière modification : de goupillwiki