But de l'exercice
À la fin de cet exercice, vous devriez pouvoir formatter un tableau avec du CSS.
Étapes
Reproduire les premières lignes du tableau périodique des éléments similaire à la présentation de Wikipedia.
Voici une image de la page HTML que vous avez à reproduire:
Voici les caractéristiques à reproduire en prenant bien soin que toute la mise en page est dans le CSS et non le HTML:
- Les couleurs des cases doivent être définies dans le CSS.
- Lorsqu'on passe la souris sur un symbole chimique, le nom complet
de l'élément devrait apparaitre en infobulle comme pour l'élément
27-Co dans l'image. Pensez à utiliser l'attribut
title
. - Les deux tableaux devraient être centrés sur la page, mais ils n'ont pas à se réorganiser sur une page plus petite.
- Pensez à structurer votre table avec les éléments
thead
,tfoot
etcaption