Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Udfordring: Arbejde med Tabeller | Tabeller og Formularer
HTML-Grundlæggende

bookUdfordring: Arbejde med Tabeller

Opgave

Opret en HTML-tabel til at vise restaurantens menupunkter, inklusive deres navne, beskrivelser og priser. Udfyld tabellen med følgende data ved at bruge den korrekte tabelstruktur.

  1. Savory Bliss Bowl
    • Beskrivelse: Quinoa, ovnbagte grøntsager, grillet kylling, tahindressing;
    • Pris: $12.99.
  2. Mediterranean Delight Wrap
    • Beskrivelse: Halloumiost, spinat, tomater, tzatziki i en wrap;
    • Pris: $10.49.
  3. Sizzling BBQ Burger
    • Beskrivelse: Oksekødsbøf, bacon, cheddar, karamelliserede løg, pommes frites;
    • Pris: $13.99.
  4. Veggie Harvest Salad
    • Beskrivelse: Salat, søde kartofler, kikærter, avocado, feta, vinaigrette;
    • Pris: $9.99.
  5. Seafood Pasta Extravaganza
    • Beskrivelse: Rejer, kammuslinger, muslinger, linguine, hvidløg-vinsauce;
    • Pris: $16.99.
index.html

index.html

copy

Tip

  • Trin 1: Opret tabelstrukturen ved hjælp af <table>-tagget. Inde i tabellen anvendes <thead>-tagget til tabelhovedet og <tbody>-tagget til tabelkroppen. Tilføj en række (<thead>) i <tr>-sektionen med tabeloverskriftsceller (<th>) for hver kolonne: Item, Description og Price.
  • Trin 2: Udfyld tabellen med menupunkter ved at tilføje rækker (<tr>) i <tbody>-sektionen. Brug tabeldataceller (<td>) i hver række (<tr>) til at angive de tilsvarende oplysninger for hvert menupunkt.
index.html

index.html

copy

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 2

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

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

bookUdfordring: Arbejde med Tabeller

Stryg for at vise menuen

Opgave

Opret en HTML-tabel til at vise restaurantens menupunkter, inklusive deres navne, beskrivelser og priser. Udfyld tabellen med følgende data ved at bruge den korrekte tabelstruktur.

  1. Savory Bliss Bowl
    • Beskrivelse: Quinoa, ovnbagte grøntsager, grillet kylling, tahindressing;
    • Pris: $12.99.
  2. Mediterranean Delight Wrap
    • Beskrivelse: Halloumiost, spinat, tomater, tzatziki i en wrap;
    • Pris: $10.49.
  3. Sizzling BBQ Burger
    • Beskrivelse: Oksekødsbøf, bacon, cheddar, karamelliserede løg, pommes frites;
    • Pris: $13.99.
  4. Veggie Harvest Salad
    • Beskrivelse: Salat, søde kartofler, kikærter, avocado, feta, vinaigrette;
    • Pris: $9.99.
  5. Seafood Pasta Extravaganza
    • Beskrivelse: Rejer, kammuslinger, muslinger, linguine, hvidløg-vinsauce;
    • Pris: $16.99.
index.html

index.html

copy

Tip

  • Trin 1: Opret tabelstrukturen ved hjælp af <table>-tagget. Inde i tabellen anvendes <thead>-tagget til tabelhovedet og <tbody>-tagget til tabelkroppen. Tilføj en række (<thead>) i <tr>-sektionen med tabeloverskriftsceller (<th>) for hver kolonne: Item, Description og Price.
  • Trin 2: Udfyld tabellen med menupunkter ved at tilføje rækker (<tr>) i <tbody>-sektionen. Brug tabeldataceller (<td>) i hver række (<tr>) til at angive de tilsvarende oplysninger for hvert menupunkt.
index.html

index.html

copy

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 2
some-alt