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.
- Savory Bliss Bowl
- Beskrivelse: Quinoa, ovnsbakte grønnsaker, grillet kylling, tahinidressing;
- Pris: $12.99.
- Mediterranean Delight Wrap
- Beskrivelse: Halloumiost, spinat, tomater, tzatziki i wrap;
- Pris: $10.49.
- Sizzling BBQ Burger
- Beskrivelse: Biffburger, bacon, cheddar, karamellisert løk, pommes frites;
- Pris: $13.99.
- Veggie Harvest Salad
- Beskrivelse: Salatblader, søtpotet, kikerter, avokado, feta, vinaigrette;
- Pris: $9.99.
- Seafood Pasta Extravaganza
- Beskrivelse: Reker, kamskjell, blåskjell, linguine, hvitløks- og vinsaus;
- Pris: $16.99.
index.html
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.
index.html
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 4. Kapittel 2
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
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?
Awesome!
Completion rate improved to 2.86
Utfordring: Arbeid med Tabeller
Sveip for å vise menyen
Oppgave
Lag en HTML-tabell for å vise restaurantmenyelementer, inkludert navn, beskrivelser og priser. Fyll ut tabellen med følgende data ved å bruke korrekt tabellstruktur.
- Savory Bliss Bowl
- Beskrivelse: Quinoa, ovnsbakte grønnsaker, grillet kylling, tahinidressing;
- Pris: $12.99.
- Mediterranean Delight Wrap
- Beskrivelse: Halloumiost, spinat, tomater, tzatziki i wrap;
- Pris: $10.49.
- Sizzling BBQ Burger
- Beskrivelse: Biffburger, bacon, cheddar, karamellisert løk, pommes frites;
- Pris: $13.99.
- Veggie Harvest Salad
- Beskrivelse: Salatblader, søtpotet, kikerter, avokado, feta, vinaigrette;
- Pris: $9.99.
- Seafood Pasta Extravaganza
- Beskrivelse: Reker, kamskjell, blåskjell, linguine, hvitløks- og vinsaus;
- Pris: $16.99.
index.html
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.
index.html
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 4. Kapittel 2