Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Uitdaging: Werken met Tabellen | Tabellen en Formulieren
HTML-Essentials

bookUitdaging: Werken met Tabellen

Taak

Maak een HTML-tabel om menugerechten van een restaurant weer te geven, inclusief hun namen, beschrijvingen en prijzen. Vul de tabel in met de volgende gegevens met gebruik van de juiste tabelstructuur.

  1. Savory Bliss Bowl
    • Beschrijving: Quinoa, geroosterde groenten, gegrilde kip, tahinidressing;
    • Prijs: $12.99.
  2. Mediterranean Delight Wrap
    • Beschrijving: Halloumi kaas, spinazie, tomaten, tzatziki in een wrap;
    • Prijs: $10.49.
  3. Sizzling BBQ Burger
    • Beschrijving: Runderburger, bacon, cheddar, gekarameliseerde uien, friet;
    • Prijs: $13.99.
  4. Veggie Harvest Salad
    • Beschrijving: Bladgroenten, zoete aardappel, kikkererwten, avocado, feta, vinaigrette;
    • Prijs: $9.99.
  5. Seafood Pasta Extravaganza
    • Beschrijving: Garnalen, sint-jakobsschelpen, mosselen, linguine, knoflook-wijnsaus;
    • Prijs: $16.99.
index.html

index.html

copy

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 menuproduct te specificeren.
index.html

index.html

copy

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 4. Hoofdstuk 2

Vraag AI

expand

Vraag AI

ChatGPT

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 menu table?

Can you explain how to add more items to the table?

Can you help me style the table to look more attractive?

Awesome!

Completion rate improved to 3.13

bookUitdaging: Werken met Tabellen

Veeg om het menu te tonen

Taak

Maak een HTML-tabel om menugerechten van een restaurant weer te geven, inclusief hun namen, beschrijvingen en prijzen. Vul de tabel in met de volgende gegevens met gebruik van de juiste tabelstructuur.

  1. Savory Bliss Bowl
    • Beschrijving: Quinoa, geroosterde groenten, gegrilde kip, tahinidressing;
    • Prijs: $12.99.
  2. Mediterranean Delight Wrap
    • Beschrijving: Halloumi kaas, spinazie, tomaten, tzatziki in een wrap;
    • Prijs: $10.49.
  3. Sizzling BBQ Burger
    • Beschrijving: Runderburger, bacon, cheddar, gekarameliseerde uien, friet;
    • Prijs: $13.99.
  4. Veggie Harvest Salad
    • Beschrijving: Bladgroenten, zoete aardappel, kikkererwten, avocado, feta, vinaigrette;
    • Prijs: $9.99.
  5. Seafood Pasta Extravaganza
    • Beschrijving: Garnalen, sint-jakobsschelpen, mosselen, linguine, knoflook-wijnsaus;
    • Prijs: $16.99.
index.html

index.html

copy

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 menuproduct te specificeren.
index.html

index.html

copy

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 4. Hoofdstuk 2
some-alt