Uitdaging: Werken met Tabellen
Taak
Maak een HTML-tabel om restaurantmenu-items weer te geven, inclusief hun namen, beschrijvingen en prijzen. Vul de tabel in met de volgende gegevens met behulp van de juiste tabelstructuur.
- Savory Bliss Bowl
- Beschrijving: Quinoa, geroosterde groenten, gegrilde kip, tahinidressing;
- Prijs: $12.99.
- Mediterranean Delight Wrap
- Beschrijving: Halloumi kaas, spinazie, tomaten, tzatziki in een wrap;
- Prijs: $10.49.
- Sizzling BBQ Burger
- Beschrijving: Runderburger, bacon, cheddar, gekarameliseerde uien, friet;
- Prijs: $13.99.
- Veggie Harvest Salad
- Beschrijving: Bladgroenten, zoete aardappel, kikkererwten, avocado, feta, vinaigrette;
- Prijs: $9.99.
- Seafood Pasta Extravaganza
- Beschrijving: Garnalen, coquilles, mosselen, linguine, knoflook-wijnsaus;
- Prijs: $16.99.
index.html
Hint
- Stap 1: Maak de tabelstructuur aan met de
<table>-tag. Gebruik binnen de tabel de<thead>-tag voor de tabelkop en de<tbody>-tag voor de tabelinhoud. Voeg binnen het<thead>-gedeelte een rij (<tr>) toe met tabelkopcellen (<th>) voor elke kolom: Item, Description en Price. - Stap 2: Vul de tabel met menuproducten door rijen (
<tr>) toe te voegen binnen het<tbody>-gedeelte. Gebruik tabeldatacellen (<td>) binnen elke rij (<tr>) om de bijbehorende details voor elk menu-item te specificeren.
index.html
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 4. Hoofdstuk 2
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
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?
Awesome!
Completion rate improved to 2.86
Uitdaging: Werken met Tabellen
Veeg om het menu te tonen
Taak
Maak een HTML-tabel om restaurantmenu-items weer te geven, inclusief hun namen, beschrijvingen en prijzen. Vul de tabel in met de volgende gegevens met behulp van de juiste tabelstructuur.
- Savory Bliss Bowl
- Beschrijving: Quinoa, geroosterde groenten, gegrilde kip, tahinidressing;
- Prijs: $12.99.
- Mediterranean Delight Wrap
- Beschrijving: Halloumi kaas, spinazie, tomaten, tzatziki in een wrap;
- Prijs: $10.49.
- Sizzling BBQ Burger
- Beschrijving: Runderburger, bacon, cheddar, gekarameliseerde uien, friet;
- Prijs: $13.99.
- Veggie Harvest Salad
- Beschrijving: Bladgroenten, zoete aardappel, kikkererwten, avocado, feta, vinaigrette;
- Prijs: $9.99.
- Seafood Pasta Extravaganza
- Beschrijving: Garnalen, coquilles, mosselen, linguine, knoflook-wijnsaus;
- Prijs: $16.99.
index.html
Hint
- Stap 1: Maak de tabelstructuur aan met de
<table>-tag. Gebruik binnen de tabel de<thead>-tag voor de tabelkop en de<tbody>-tag voor de tabelinhoud. Voeg binnen het<thead>-gedeelte een rij (<tr>) toe met tabelkopcellen (<th>) voor elke kolom: Item, Description en Price. - Stap 2: Vul de tabel met menuproducten door rijen (
<tr>) toe te voegen binnen het<tbody>-gedeelte. Gebruik tabeldatacellen (<td>) binnen elke rij (<tr>) om de bijbehorende details voor elk menu-item te specificeren.
index.html
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 4. Hoofdstuk 2