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

bookHerausforderung: 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.

  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: 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

index.html

copy
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 15

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

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

Abschnitt 1. Kapitel 15
some-alt