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
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 4. Luku 2
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Awesome!
Completion rate improved to 3.13
Haaste: 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
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 4. Luku 2