Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Arbeiten Mit Tabellen | Tabellen und Formulare
HTML-Grundlagen

bookHerausforderung: Arbeiten Mit Tabellen

Aufgabe

Erstellen Sie eine HTML-Tabelle zur Darstellung von Restaurant-Menüeinträgen, einschließlich ihrer Namen, Beschreibungen und Preise. Füllen Sie die Tabelle mit den folgenden Daten unter Verwendung der korrekten Tabellenstruktur aus.

  1. Savory Bliss Bowl
    • Beschreibung: Quinoa, geröstetes Gemüse, gegrilltes Hähnchen, Tahini-Dressing;
    • Preis: $12.99.
  2. Mediterranean Delight Wrap
    • Beschreibung: Halloumi-Käse, Spinat, Tomaten, Tzatziki im Wrap;
    • Preis: $10.49.
  3. Sizzling BBQ Burger
    • Beschreibung: Rindfleisch-Patty, Bacon, Cheddar, karamellisierte Zwiebeln, Pommes;
    • Preis: $13.99.
  4. Veggie Harvest Salad
    • Beschreibung: Blattsalate, Süßkartoffeln, Kichererbsen, Avocado, Feta, Vinaigrette;
    • Preis: $9.99.
  5. Seafood Pasta Extravaganza
    • Beschreibung: Garnelen, Jakobsmuscheln, Miesmuscheln, Linguine, Knoblauch-Wein-Soße;
    • Preis: $16.99.
index.html

index.html

copy

Hinweis

  • Schritt 1: Tabellenstruktur mit dem <table>-Tag erstellen. 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: Die Tabelle mit Menüeinträgen befüllen, indem Zeilen (<tr>) im <tbody>-Abschnitt hinzugefügt werden. Tabellendatenzellen (<td>) innerhalb jeder Zeile (<tr>) verwenden, um die entsprechenden Details für jeden Menüeintrag anzugeben.
index.html

index.html

copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you show me the HTML code for the menu table?

Can you explain how to add more items to the table?

Can you help me style the table to look more attractive?

Awesome!

Completion rate improved to 3.13

bookHerausforderung: Arbeiten Mit Tabellen

Swipe um das Menü anzuzeigen

Aufgabe

Erstellen Sie eine HTML-Tabelle zur Darstellung von Restaurant-Menüeinträgen, einschließlich ihrer Namen, Beschreibungen und Preise. Füllen Sie die Tabelle mit den folgenden Daten unter Verwendung der korrekten Tabellenstruktur aus.

  1. Savory Bliss Bowl
    • Beschreibung: Quinoa, geröstetes Gemüse, gegrilltes Hähnchen, Tahini-Dressing;
    • Preis: $12.99.
  2. Mediterranean Delight Wrap
    • Beschreibung: Halloumi-Käse, Spinat, Tomaten, Tzatziki im Wrap;
    • Preis: $10.49.
  3. Sizzling BBQ Burger
    • Beschreibung: Rindfleisch-Patty, Bacon, Cheddar, karamellisierte Zwiebeln, Pommes;
    • Preis: $13.99.
  4. Veggie Harvest Salad
    • Beschreibung: Blattsalate, Süßkartoffeln, Kichererbsen, Avocado, Feta, Vinaigrette;
    • Preis: $9.99.
  5. Seafood Pasta Extravaganza
    • Beschreibung: Garnelen, Jakobsmuscheln, Miesmuscheln, Linguine, Knoblauch-Wein-Soße;
    • Preis: $16.99.
index.html

index.html

copy

Hinweis

  • Schritt 1: Tabellenstruktur mit dem <table>-Tag erstellen. 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: Die Tabelle mit Menüeinträgen befüllen, indem Zeilen (<tr>) im <tbody>-Abschnitt hinzugefügt werden. Tabellendatenzellen (<td>) innerhalb jeder Zeile (<tr>) verwenden, um die entsprechenden Details für jeden Menüeintrag anzugeben.
index.html

index.html

copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 2
some-alt