Herausforderung: Tabelle

Aufgabe

Erstellen Sie eine HTML-Tabelle, um die Menüelemente eines Restaurants anzuzeigen, einschließlich ihrer Namen, Beschreibungen und Preise. Füllen Sie die Tabelle mit den folgenden Daten unter Verwendung der korrekten Tabellenstruktur aus.

1. Herzhafte Glücksschale
   • Beschreibung: Quinoa, geröstetes Gemüse, gegrilltes Hähnchen, Tahini-Dressing;
   • Preis: $12.99.
2. Mittelmeer-Delight-Wrap
   • Beschreibung: Halloumi-Käse, Spinat, Tomaten, Tzatziki in einem Wrap;
   • Preis: $10.49.
3. Sizzling BBQ Burger
   • Beschreibung: Rindfleisch-Patty, Speck, Cheddar, karamellisierte Zwiebeln, Pommes;
   • Preis: $13.99.
4. Veggie-Ernte-Salat
   • Beschreibung: Grünes Gemüse, Süßkartoffeln, Kichererbsen, Avocado, Feta, Vinaigrette;
   • Preis: $9.99.
5. Meeresfrüchte-Pasta-Extravaganza
   • Beschreibung: Garnelen, Jakobsmuscheln, Muscheln, Linguine, Knoblauch-Wein-Sauce;
   • Preis: $16.99.

Hinweis

• Schritt 1: Erstellen Sie die Tabellenstruktur mit dem <table>-Tag. Verwenden Sie innerhalb der Tabelle das <thead>-Tag für den Tabellenkopf und das <tbody>-Tag für den Tabellenkörper. Fügen Sie im <thead>-Abschnitt eine Zeile (<tr>) mit Tabellenkopfzellen (<th>) für jede Spalte hinzu: Artikel, Beschreibung und Preis.
• Schritt 2: Füllen Sie die Tabelle mit Menüelementen, indem Sie Zeilen (<tr>) im <tbody>-Abschnitt hinzufügen. Verwenden Sie Tabellendatenzellen (<td>) innerhalb jeder Zeile (<tr>), um die entsprechenden Details für jedes Menüelement anzugeben.