Utfordring: Arbeid med Tabeller

Oppgave

Lag en HTML-tabell for å vise restaurantmenyelementer, inkludert navn, beskrivelser og priser. Fyll ut tabellen med følgende data ved å bruke korrekt tabellstruktur.

1. Savory Bliss Bowl
   • Beskrivelse: Quinoa, ovnsbakte grønnsaker, grillet kylling, tahinidressing;
   • Pris: $12.99.
2. Mediterranean Delight Wrap
   • Beskrivelse: Halloumiost, spinat, tomater, tzatziki i wrap;
   • Pris: $10.49.
3. Sizzling BBQ Burger
   • Beskrivelse: Biffburger, bacon, cheddar, karamellisert løk, pommes frites;
   • Pris: $13.99.
4. Veggie Harvest Salad
   • Beskrivelse: Salatblader, søtpotet, kikerter, avokado, feta, vinaigrette;
   • Pris: $9.99.
5. Seafood Pasta Extravaganza
   • Beskrivelse: Reker, kamskjell, blåskjell, linguine, hvitløks- og vinsaus;
   • Pris: $16.99.

Tips

• Trinn 1: Opprett tabellstrukturen ved å bruke <table>-taggen. Inne i tabellen bruker du <thead>-taggen for tabellhodet og <tbody>-taggen for tabellkroppen. I <thead>-seksjonen legger du til en rad (<tr>) med tabellhoder (<th>) for hver kolonne: Item, Description og Price.
• Trinn 2: Fyll ut tabellen med menyartikler ved å legge til rader (<tr>) i <tbody>-seksjonen. Bruk tabellceller (<td>) i hver rad (<tr>) for å angi de tilhørende detaljene for hver menyartikkel.