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, um die Gerichte einer Restaurantkarte anzuzeigen, 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: Die 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 füllen, indem Sie Zeilen (<tr>) im <tbody>-Abschnitt hinzufügen. Verwenden Sie innerhalb jeder Zeile (<td>) Tabellendatenzellen (<tr>), 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 table?

Can you explain how to structure the table rows and columns?

Can you give tips for styling the table?

bookHerausforderung: Arbeiten Mit Tabellen

Swipe um das Menü anzuzeigen

Aufgabe

Erstellen Sie eine HTML-Tabelle, um die Gerichte einer Restaurantkarte anzuzeigen, 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: Die 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 füllen, indem Sie Zeilen (<tr>) im <tbody>-Abschnitt hinzufügen. Verwenden Sie innerhalb jeder Zeile (<td>) Tabellendatenzellen (<tr>), 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