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 | Section
/
HTML-Grundlæggende

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 1. Kapitel 23

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

Sektion 1. Kapitel 23
some-alt