Kursinhalt
Html-Grundlagen
Html-Grundlagen
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.
Herzhafte Glücksschale
Beschreibung: Quinoa, geröstetes Gemüse, gegrilltes Hähnchen, Tahini-Dressing;
Preis: $12.99.
Mittelmeer-Delight-Wrap
Beschreibung: Halloumi-Käse, Spinat, Tomaten, Tzatziki in einem Wrap;
Preis: $10.49.
Sizzling BBQ Burger
Beschreibung: Rindfleisch-Patty, Speck, Cheddar, karamellisierte Zwiebeln, Pommes;
Preis: $13.99.
Veggie-Ernte-Salat
Beschreibung: Grünes Gemüse, Süßkartoffeln, Kichererbsen, Avocado, Feta, Vinaigrette;
Preis: $9.99.
Meeresfrüchte-Pasta-Extravaganza
Beschreibung: Garnelen, Jakobsmuscheln, Muscheln, Linguine, Knoblauch-Wein-Sauce;
Preis: $16.99.
index.html
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.
index.html
Danke für Ihr Feedback!