Utmaning: 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.
- Savory Bliss Bowl
- Beskrivning: Quinoa, rostade grönsaker, grillad kyckling, tahinidressing;
- Pris: $12.99.
- Mediterranean Delight Wrap
- Beskrivning: Halloumiost, spenat, tomater, tzatziki i ett wrap;
- Pris: $10.49.
- Sizzling BBQ Burger
- Beskrivning: Nötköttsburgare, bacon, cheddar, karamelliserad lök, pommes frites;
- Pris: $13.99.
- Veggie Harvest Salad
- Beskrivning: Sallad, sötpotatis, kikärtor, avokado, fetaost, vinägrett;
- Pris: $9.99.
- Seafood Pasta Extravaganza
- Beskrivning: Räkor, pilgrimsmusslor, musslor, linguine, vitlök-vinsås;
- Pris: $16.99.
index.html
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>) i<tr>-sektionen med tabellhuvudceller (<th>) för varje kolumn: Item, Description och Price. - Steg 2: Fyll i 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
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 4. Kapitel 2
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Awesome!
Completion rate improved to 3.13Utmaning: 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.
- Savory Bliss Bowl
- Beskrivning: Quinoa, rostade grönsaker, grillad kyckling, tahinidressing;
- Pris: $12.99.
- Mediterranean Delight Wrap
- Beskrivning: Halloumiost, spenat, tomater, tzatziki i ett wrap;
- Pris: $10.49.
- Sizzling BBQ Burger
- Beskrivning: Nötköttsburgare, bacon, cheddar, karamelliserad lök, pommes frites;
- Pris: $13.99.
- Veggie Harvest Salad
- Beskrivning: Sallad, sötpotatis, kikärtor, avokado, fetaost, vinägrett;
- Pris: $9.99.
- Seafood Pasta Extravaganza
- Beskrivning: Räkor, pilgrimsmusslor, musslor, linguine, vitlök-vinsås;
- Pris: $16.99.
index.html
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>) i<tr>-sektionen med tabellhuvudceller (<th>) för varje kolumn: Item, Description och Price. - Steg 2: Fyll i 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
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 4. Kapitel 2
