Défi : Travailler Avec Les Tableaux

Tâche

Créer un tableau HTML pour afficher les éléments du menu d'un restaurant, incluant leurs noms, descriptions et prix. Remplir le tableau avec les données suivantes en utilisant la structure de tableau appropriée.

1. Savory Bliss Bowl
   • Description: Quinoa, légumes rôtis, poulet grillé, sauce tahini ;
   • Prix : 12,99 $.
2. Mediterranean Delight Wrap
   • Description: Fromage halloumi, épinards, tomates, tzatziki dans une galette ;
   • Prix : 10,49 $.
3. Sizzling BBQ Burger
   • Description: Steak haché de bœuf, bacon, cheddar, oignons caramélisés, frites ;
   • Prix : 13,99 $.
4. Veggie Harvest Salad
   • Description: Légumes verts, patates douces, pois chiches, avocat, feta, vinaigrette ;
   • Prix : 9,99 $.
5. Seafood Pasta Extravaganza
   • Description: Crevettes, pétoncles, moules, linguine, sauce au vin à l'ail ;
   • Prix : 16,99 $.

Astuce

• Étape 1 : Créer la structure du tableau en utilisant la balise <table>. À l'intérieur du tableau, utiliser la balise <thead> pour l'en-tête du tableau et la balise <tbody> pour le corps du tableau. Dans la section <thead>, ajouter une ligne (<tr>) avec des cellules d'en-tête (<th>) pour chaque colonne : Item, Description et Price.
• Étape 2 : Remplir le tableau avec les éléments du menu en ajoutant des lignes (<tr>) dans la section <tbody>. Utiliser des cellules de données (<td>) dans chaque ligne (<tr>) pour indiquer les détails correspondants de chaque élément du menu.