Contenu du cours
Essentiels HTML
Essentiels HTML
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.
Bol de Délices Savoureux
Description : Quinoa, légumes rôtis, poulet grillé, sauce tahini;
Prix : $12.99.
Wrap Délice Méditerranéen
Description : Fromage halloumi, épinards, tomates, tzatziki dans un wrap;
Prix : $10.49.
Burger BBQ Sizzling
Description : Galette de bœuf, bacon, cheddar, oignons caramélisés, frites;
Prix : $13.99.
Salade Récolte Végétarienne
Description : Légumes verts, patates douces, pois chiches, avocat, feta, vinaigrette;
Prix : $9.99.
Pâtes Extravaganza aux Fruits de Mer
Description : Crevettes, pétoncles, moules, linguine, sauce au vin à l'ail;
Prix : $16.99.
index.html
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
Merci pour vos commentaires !