Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Table | Tableaux et Formulaires
Essentiels HTML

bookDé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.
index.html

index.html

copy

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.
index.html

index.html

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 2

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 3.13

bookDéfi : Table

Glissez pour afficher le menu

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.
index.html

index.html

copy

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.
index.html

index.html

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 2
some-alt