Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Tabelle | Tabellen und Formulare
Html-Grundlagen
course content

Kursinhalt

Html-Grundlagen

Html-Grundlagen

1. Verstehen des Webs und HTML
2. HTML-Grundlagen
3. Bilder und Medien
4. Tabellen und Formulare
5. Fortgeschrittenes HTML

book
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.

  1. Herzhafte Glücksschale

    • Beschreibung: Quinoa, geröstetes Gemüse, gegrilltes Hähnchen, Tahini-Dressing;

    • Preis: $12.99.

  2. Mittelmeer-Delight-Wrap

    • Beschreibung: Halloumi-Käse, Spinat, Tomaten, Tzatziki in einem Wrap;

    • Preis: $10.49.

  3. Sizzling BBQ Burger

    • Beschreibung: Rindfleisch-Patty, Speck, Cheddar, karamellisierte Zwiebeln, Pommes;

    • Preis: $13.99.

  4. Veggie-Ernte-Salat

    • Beschreibung: Grünes Gemüse, Süßkartoffeln, Kichererbsen, Avocado, Feta, Vinaigrette;

    • Preis: $9.99.

  5. Meeresfrüchte-Pasta-Extravaganza

    • Beschreibung: Garnelen, Jakobsmuscheln, Muscheln, Linguine, Knoblauch-Wein-Sauce;

    • Preis: $16.99.

html

index.html

copy

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.

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
ChatGPT

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

course content

Kursinhalt

Html-Grundlagen

Html-Grundlagen

1. Verstehen des Webs und HTML
2. HTML-Grundlagen
3. Bilder und Medien
4. Tabellen und Formulare
5. Fortgeschrittenes HTML

book
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.

  1. Herzhafte Glücksschale

    • Beschreibung: Quinoa, geröstetes Gemüse, gegrilltes Hähnchen, Tahini-Dressing;

    • Preis: $12.99.

  2. Mittelmeer-Delight-Wrap

    • Beschreibung: Halloumi-Käse, Spinat, Tomaten, Tzatziki in einem Wrap;

    • Preis: $10.49.

  3. Sizzling BBQ Burger

    • Beschreibung: Rindfleisch-Patty, Speck, Cheddar, karamellisierte Zwiebeln, Pommes;

    • Preis: $13.99.

  4. Veggie-Ernte-Salat

    • Beschreibung: Grünes Gemüse, Süßkartoffeln, Kichererbsen, Avocado, Feta, Vinaigrette;

    • Preis: $9.99.

  5. Meeresfrüchte-Pasta-Extravaganza

    • Beschreibung: Garnelen, Jakobsmuscheln, Muscheln, Linguine, Knoblauch-Wein-Sauce;

    • Preis: $16.99.

html

index.html

copy

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.

html

index.html

copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 2
Wir sind enttäuscht, dass etwas schief gelaufen ist. Was ist passiert?
some-alt