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.
- Herzhafte Glücksschale
- Beschreibung: Quinoa, geröstetes Gemüse, gegrilltes Hähnchen, Tahini-Dressing;
- Preis: $12.99.
- Mittelmeer-Delight-Wrap
- Beschreibung: Halloumi-Käse, Spinat, Tomaten, Tzatziki in einem Wrap;
- Preis: $10.49.
- Sizzling BBQ Burger
- Beschreibung: Rindfleisch-Patty, Speck, Cheddar, karamellisierte Zwiebeln, Pommes;
- Preis: $13.99.
- Veggie-Ernte-Salat
- Beschreibung: Grünes Gemüse, Süßkartoffeln, Kichererbsen, Avocado, Feta, Vinaigrette;
- Preis: $9.99.
- Meeresfrüchte-Pasta-Extravaganza
- Beschreibung: Garnelen, Jakobsmuscheln, Muscheln, Linguine, Knoblauch-Wein-Sauce;
- Preis: $16.99.
index.html
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.
index.html
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Fragen Sie mich Fragen zu diesem Thema
Zusammenfassen Sie dieses Kapitel
Zeige reale Beispiele
Awesome!
Completion rate improved to 3.13
Herausforderung: Tabelle
Swipe um das Menü anzuzeigen
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.
- Herzhafte Glücksschale
- Beschreibung: Quinoa, geröstetes Gemüse, gegrilltes Hähnchen, Tahini-Dressing;
- Preis: $12.99.
- Mittelmeer-Delight-Wrap
- Beschreibung: Halloumi-Käse, Spinat, Tomaten, Tzatziki in einem Wrap;
- Preis: $10.49.
- Sizzling BBQ Burger
- Beschreibung: Rindfleisch-Patty, Speck, Cheddar, karamellisierte Zwiebeln, Pommes;
- Preis: $13.99.
- Veggie-Ernte-Salat
- Beschreibung: Grünes Gemüse, Süßkartoffeln, Kichererbsen, Avocado, Feta, Vinaigrette;
- Preis: $9.99.
- Meeresfrüchte-Pasta-Extravaganza
- Beschreibung: Garnelen, Jakobsmuscheln, Muscheln, Linguine, Knoblauch-Wein-Sauce;
- Preis: $16.99.
index.html
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.
index.html
Danke für Ihr Feedback!