Défi : Table

Tâche

Créez un tableau HTML pour afficher les éléments du menu du restaurant, y compris leurs noms, descriptions et prix. Remplissez le tableau avec les données suivantes en utilisant la structure de tableau correcte.

1. Bol de Délices Savoureux
   • Description : Quinoa, légumes rôtis, poulet grillé, sauce tahini;
   • Prix : $12.99.
2. Wrap Délice Méditerranéen
   • Description : Fromage halloumi, épinards, tomates, tzatziki dans un wrap;
   • Prix : $10.49.
3. Burger BBQ Sizzling
   • Description : Galette de bœuf, bacon, cheddar, oignons caramélisés, frites;
   • Prix : $13.99.
4. Salade Récolte Végétarienne
   • Description : Légumes verts, patates douces, pois chiches, avocat, feta, vinaigrette;
   • Prix : $9.99.
5. Pâtes Extravaganza aux Fruits de Mer
   • Description : Crevettes, pétoncles, moules, linguine, sauce au vin à l'ail;
   • Prix : $16.99.

Indice

• Étape 1 : Créez la structure du tableau en utilisant la balise <table>. À l'intérieur du tableau, utilisez la balise <thead> pour l'en-tête du tableau et la balise <tbody> pour le corps du tableau. Dans la section <thead>, ajoutez une ligne (<tr>) avec des cellules d'en-tête de tableau (<th>) pour chaque colonne : Article, Description et Prix.
• Étape 2 : Remplissez le tableau avec les éléments du menu en ajoutant des lignes (<tr>) à l'intérieur de la section <tbody>. Utilisez des cellules de données de tableau (<td>) dans chaque ligne (<tr>) pour spécifier les détails correspondants pour chaque élément du menu.