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
Practice
Projects
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

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