Herausforderung: Arbeiten mit Tabellen
Swipe um das Menü anzuzeigen
Aufgabe
Erstellung einer HTML-Tabelle zur Darstellung von Restaurant-Menüeinträgen, einschließlich ihrer Namen, Beschreibungen und Preise. Befüllen der Tabelle mit den folgenden Daten unter Verwendung der korrekten Tabellenstruktur.
- Savory Bliss Bowl
- Beschreibung: Quinoa, geröstetes Gemüse, gegrilltes Hähnchen, Tahini-Dressing;
- Preis: $12.99.
- Mediterranean Delight Wrap
- Beschreibung: Halloumi-Käse, Spinat, Tomaten, Tzatziki im Wrap;
- Preis: $10.49.
- Sizzling BBQ Burger
- Beschreibung: Rindfleisch-Patty, Bacon, Cheddar, karamellisierte Zwiebeln, Pommes;
- Preis: $13.99.
- Veggie Harvest Salad
- Beschreibung: Blattsalate, Süßkartoffeln, Kichererbsen, Avocado, Feta, Vinaigrette;
- Preis: $9.99.
- Seafood Pasta Extravaganza
- Beschreibung: Garnelen, Jakobsmuscheln, Miesmuscheln, Linguine, Knoblauch-Wein-Soße;
- Preis: $16.99.
index.html
Hinweis
- Schritt 1: Erstellen der Tabellenstruktur mit dem
<table>-Tag. Innerhalb der Tabelle das<thead>-Tag für den Tabellenkopf und das<tbody>-Tag für den Tabellenkörper verwenden. Im<thead>-Abschnitt eine Zeile (<tr>) mit Tabellenkopfzellen (<th>) für jede Spalte hinzufügen: Item, Description und Price. - Schritt 2: Befüllen der Tabelle mit Menüeinträgen durch Hinzufügen von Zeilen (
<tr>) im<tbody>-Abschnitt. Tabellendatenzellen (<td>) innerhalb jeder Zeile (<tr>) verwenden, um die entsprechenden Details für jeden Menüeintrag anzugeben.
index.html
War alles klar?
Danke für Ihr Feedback!
Abschnitt 1. Kapitel 15
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Abschnitt 1. Kapitel 15