Aller au contenu

Tierlist

L'objectif de cet exercice est de créer un tableau html dans lequel vous devrez ajouter des images à la façon tiermaker.com.

L'exercice se déroule exclusivement en HTML.

Résultat attendu

https://web1.tim-momo.com/tierlist/

Consignes

  • Télécharger le dossier de départ
  • Dans <body>, ajouter un tableau HTML
  • Le tableau doit avoir 7 rangées (pas d’en-tête) et 2 colonnes
  • La première colonne doit contenir les lettres : S, A, B, C, D, E et F
    • Chaque cellule de première colonne doit avoir un attribut class correspondant à son rang (s-tier, a-tier, b-tier, etc.)
  • Dans la colonne de droite, vous devrez ajouter, dans les cellules de votre choix, les images suivantes :