Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Arbeta med Tabeller | Section
/
HTML-Grunder

bookUtmaning: Arbeta med Tabeller

Svep för att visa menyn

Uppgift

Skapa en HTML-tabell för att visa restaurangmenyobjekt, inklusive deras namn, beskrivningar och priser. Fyll i tabellen med följande data med korrekt tabellstruktur.

  1. Savory Bliss Bowl
    • Beskrivning: Quinoa, rostade grönsaker, grillad kyckling, tahinidressing;
    • Pris: $12.99.
  2. Mediterranean Delight Wrap
    • Beskrivning: Halloumicheese, spenat, tomater, tzatziki i ett wrap;
    • Pris: $10.49.
  3. Sizzling BBQ Burger
    • Beskrivning: Nötfärsburgare, bacon, cheddar, karamelliserad lök, pommes frites;
    • Pris: $13.99.
  4. Veggie Harvest Salad
    • Beskrivning: Sallad, sötpotatis, kikärtor, avokado, fetaost, vinägrett;
    • Pris: $9.99.
  5. Seafood Pasta Extravaganza
    • Beskrivning: Räkor, kammusslor, musslor, linguine, vitlök-vinsås;
    • Pris: $16.99.
index.html

index.html

copy

Tips

  • Steg 1: Skapa tabellstrukturen med hjälp av <table>-taggen. Använd <thead>-taggen för tabellhuvudet och <tbody>-taggen för tabellkroppen inuti tabellen. Lägg till en rad (<thead>) med tabellhuvudceller (<tr>) för varje kolumn i <th>-sektionen: Item, Description och Price.
  • Steg 2: Fyll tabellen med menyobjekt genom att lägga till rader (<tr>) i <tbody>-sektionen. Använd tabellceller (<td>) inom varje rad (<tr>) för att ange motsvarande detaljer för varje menyobjekt.
index.html

index.html

copy
Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 23

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 1. Kapitel 23
some-alt