6. Quelques nouvelles balises…

Tout est en ordre, mais notre page ne ressemble pas à grand chose pour l’instant. Il serait temps de rajouter des éléments un petit peu plus originaux.

Pour le moment nous avons 2 paragraphes “p”. Nous pouvons déjà mettre un titre en grand avec “h1” (à ne pas confondre avec “title”). Cette balise fonctionne exactement comme “p”. Il est également possible de mettre des sous-titres avec “h2”, et ainsi de suite jusqu’à “h6”.

Cela dit, en pratique on ne dépasse presque jamais la balise h3, car le texte devient alors plus petit qu’un “p”. 😁

Il est également possible de créer des listes à puces avec la balise “ul”, qui contiendra elle-même les balises “li”, représentant chacune un item.

Voici un exemple de code :

<ul>
  <li>Pikachu</li>
  <li>Salamèche</li>
  <li>Galopa</li>
</ul>

Ça donne :

Nous pouvons maintenant utiliser toutes ces petites balises pour remplir notre pokédex, mais je ne vais pas vous montrer le code. C’est un petit exercice dans lequel vous allez essayez de créer quelque chose comme ça :

Pour cela vous allez avoir besoin de 4 éléments différents :

  • Titre <h1>
  • Titre <h2>
  • Titre <h3>
  • Une liste à puces avec les balises <li>et <ul>

Bon courage ! Ce n’est pas un exercice facile. 💪

Si vous n’avez pas réussi cet exercice, ce n’est pas grave, je le répète, ça n’est pas facile. Vous pourrez voir la correction dans les ressources du cours. Ce qui compte, c’est que vous ayez bien compris comment fonctionnent ces balises, et que vous soyez capable de les réutiliser plus tard.

Maintenant, nous allons découvrir un nouveau concept : les attributs, qui vont nous permettre de rajouter des liens à côté de nos Pokémons.

TO-DO : Mettre le lien vers le commit de la correction.