Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Arbeiten Mit Tabellen | Section
Practice
Projects
Quizzes & Challenges
Quizze
Challenges
/
HTML-Grundlagen

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 1. Kapitel 23

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 23
some-alt