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. Indsæt <thead>-tagget for tabelhovedet og <tbody>-tagget for tabelkroppen inde i tabellen. Tilføj en række (<thead>) med tabeloverskriftsceller (<tr>) for hver kolonne i <th>-sektionen: 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 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

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. Indsæt <thead>-tagget for tabelhovedet og <tbody>-tagget for tabelkroppen inde i tabellen. Tilføj en række (<thead>) med tabeloverskriftsceller (<tr>) for hver kolonne i <th>-sektionen: 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