Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Arbeid med Tabeller | Tabeller og Skjemaer
Quizzes & Challenges
Quizzes
Challenges
/
HTML-Grunnleggende

bookUtfordring: 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.
index.html

index.html

copy

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

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 2

Spør AI

expand

Spør AI

ChatGPT

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

bookUtfordring: 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.

  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.
index.html

index.html

copy

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

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 2
some-alt