Haaste: Työskentele Taulukoiden Kanssa
Tehtävä
Luo HTML-taulukko ravintolan ruokalistan annosten esittämiseksi, mukaan lukien niiden nimet, kuvaukset ja hinnat. Täytä taulukko seuraavilla tiedoilla käyttäen oikeaa taulukkorakennetta.
- Savory Bliss Bowl
- Kuvaus: Kvinoa, paahdetut kasvikset, grillattu kana, tahinikastike;
- Hinta: $12.99.
- Mediterranean Delight Wrap
- Kuvaus: Halloumi-juusto, pinaatti, tomaatit, tzatziki rullassa;
- Hinta: $10.49.
- Sizzling BBQ Burger
- Kuvaus: Naudanlihapihvi, pekoni, cheddar, karamellisoidut sipulit, ranskalaiset;
- Hinta: $13.99.
- Veggie Harvest Salad
- Kuvaus: Salaattivihannekset, bataatti, kikherneet, avokado, feta, vinaigrette-kastike;
- Hinta: $9.99.
- Seafood Pasta Extravaganza
- Kuvaus: Katkaravut, kampasimpukat, sinisimpukat, linguine-pasta, valkosipuli-viinikastike;
- Hinta: $16.99.
index.html
Vihje
- Vaihe 1: Luo taulun rakenne käyttämällä
<table>-tagia. Taulun sisällä käytä<thead>-tagia taulun otsikolle ja<tbody>-tagia taulun rungolle. Lisää<thead>-osioon rivi (<tr>) ja taulukon otsikkosolut (<th>) jokaiselle sarakkeelle: Item, Description ja Price. - Vaihe 2: Täytä taulu ruokalistan tuotteilla lisäämällä rivejä (
<tr>)<tbody>-osioon. Käytä taulukon tietosoluja (<td>) jokaisessa rivissä (<tr>) määrittääksesi kunkin ruokalistan tuotteen tiedot.
index.html
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you show me the HTML code for the menu table?
Can you explain how to add more items to the table?
Can you help me style the table to look more attractive?
Awesome!
Completion rate improved to 3.13Haaste: Työskentele Taulukoiden Kanssa
Pyyhkäise näyttääksesi valikon
Tehtävä
Luo HTML-taulukko ravintolan ruokalistan annosten esittämiseksi, mukaan lukien niiden nimet, kuvaukset ja hinnat. Täytä taulukko seuraavilla tiedoilla käyttäen oikeaa taulukkorakennetta.
- Savory Bliss Bowl
- Kuvaus: Kvinoa, paahdetut kasvikset, grillattu kana, tahinikastike;
- Hinta: $12.99.
- Mediterranean Delight Wrap
- Kuvaus: Halloumi-juusto, pinaatti, tomaatit, tzatziki rullassa;
- Hinta: $10.49.
- Sizzling BBQ Burger
- Kuvaus: Naudanlihapihvi, pekoni, cheddar, karamellisoidut sipulit, ranskalaiset;
- Hinta: $13.99.
- Veggie Harvest Salad
- Kuvaus: Salaattivihannekset, bataatti, kikherneet, avokado, feta, vinaigrette-kastike;
- Hinta: $9.99.
- Seafood Pasta Extravaganza
- Kuvaus: Katkaravut, kampasimpukat, sinisimpukat, linguine-pasta, valkosipuli-viinikastike;
- Hinta: $16.99.
index.html
Vihje
- Vaihe 1: Luo taulun rakenne käyttämällä
<table>-tagia. Taulun sisällä käytä<thead>-tagia taulun otsikolle ja<tbody>-tagia taulun rungolle. Lisää<thead>-osioon rivi (<tr>) ja taulukon otsikkosolut (<th>) jokaiselle sarakkeelle: Item, Description ja Price. - Vaihe 2: Täytä taulu ruokalistan tuotteilla lisäämällä rivejä (
<tr>)<tbody>-osioon. Käytä taulukon tietosoluja (<td>) jokaisessa rivissä (<tr>) määrittääksesi kunkin ruokalistan tuotteen tiedot.
index.html
Kiitos palautteestasi!
