Commençons par le CSS.
Dans cette partie, le HTML est fixé. Vous ne devez pas le changer. Vous pouvez uniquement modifier le CSS.
Créez le fichier suivant:
onglets.html
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>onglets</title> <link type="text/css" rel="stylesheet" href="onglets.css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="onglets.js"></script> </head> <body><!---------------------> <ul id="onglets-menu"> <li>Présentation</li> <li class="menu-actif">Règles</li> <li>Personnages</li> <li>Scores</li> </ul><!---------------------> </body></html>
Ouvrez aussi un fichier vide "onglets.css"
On va construire, ensemble, étape par étape ces onglets.