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
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
    • Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
    • Price: $12.99.
  2. Mediterranean Delight Wrap
    • Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
    • Price: $10.49.
  3. Sizzling BBQ Burger
    • Description: Beef patty, bacon, cheddar, caramelized onions, fries;
    • Price: $13.99.
  4. Veggie Harvest Salad
    • Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
    • Price: $9.99.
  5. Seafood Pasta Extravaganza
    • Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
    • Price: $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 menyvalg ved å legge til rader (<tr>) i <tbody>-seksjonen. Bruk tabellceller (<td>) i hver rad (<tr>) for å angi de tilhørende detaljene for hvert menyvalg.
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

Awesome!

Completion rate improved to 3.13

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
    • Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
    • Price: $12.99.
  2. Mediterranean Delight Wrap
    • Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
    • Price: $10.49.
  3. Sizzling BBQ Burger
    • Description: Beef patty, bacon, cheddar, caramelized onions, fries;
    • Price: $13.99.
  4. Veggie Harvest Salad
    • Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
    • Price: $9.99.
  5. Seafood Pasta Extravaganza
    • Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
    • Price: $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 menyvalg ved å legge til rader (<tr>) i <tbody>-seksjonen. Bruk tabellceller (<td>) i hver rad (<tr>) for å angi de tilhørende detaljene for hvert menyvalg.
index.html

index.html

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 2
some-alt