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
Quizzes & Challenges
Quizzes
Challenges
/
HTML-Essentials

bookUitdaging: 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.

  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, coquilles, 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 menu-item 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 table?

Can you explain how to structure the table rows and columns?

Can you give tips for styling the table?

bookUitdaging: 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.

  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, coquilles, 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 menu-item 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