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 | Tabeller och Formulär
HTML-Grunder

bookUtmaning: Arbeta med Tabeller

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 4. Kapitel 2

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

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?

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 4. Kapitel 2
some-alt