Dans ce premier TP, on va pratiquer sur un exemple simple avant d'attaquer une maquette plus complète. L'objectif est d'intégrer une carte produit en HTML et CSS, avec une image, une catégorie, un titre, un prix, une description et un lien.
L'objectif du TP
L'idée n'est pas seulement de reproduire l'apparence visuelle de la carte, mais surtout d'apprendre à raisonner correctement avant même d'écrire du CSS.
Comme on l'a vu dans les chapitres précédents, tous les éléments d'une page se comportent comme des boîtes. La première étape consiste donc à décomposer la maquette en rectangles pour identifier la structure HTML nécessaire.
