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.