Haaste: Suunnittele Toiminnallinen HTML-Taulukko

Tavoite

Esitä työntekijöiden tiedot jäsennellyssä taulukkomuodossa käyttämällä sopivia HTML-tageja rivien ja sarakkeiden luomiseen.

Tehtävä

Luo taulukko, jossa on kolme saraketta: Name, Position ja Wage. Keskity käyttämään oikeita HTML-tageja taulukon rivien ja sarakkeiden täyttämiseen. Tässä ovat tiedot, jotka tulee sisällyttää:

1. Name: Emma Johnson | Position: Sales Associate | Wage: $15.50 per hour.
2. Name: Liam Thompson | Position: Customer Service Representative | Wage: $14.75 per hour.
3. Name: Olivia Rodriguez | Position: Marketing Coordinator | Wage: $18.25 per hour.
4. Name: Noah Smith | Position: IT Support Specialist | Wage: $20.00 per hour.
5. Name: Ava Davis | Position: Administrative Assistant | Wage: $16.80 per hour.

1. Käytä table-tägiä määrittämään taulukon pääsäiliöelementti.
2. Käytä thead-tägiä ryhmittelemään taulukon otsikkosisältö, kuten sarakeotsikot.
3. Käytä tr-tägiä määrittämään uusi rivi taulukossa.
4. Käytä th-tägiä määrittämään kunkin sarakkeen otsikkoteksti.
5. Käytä tbody-tägiä ryhmittelemään taulukon pääsisältö, joka sisältää rivit ja tietosolut.
6. Käytä td-tägiä määrittämään kunkin taulukon solun varsinainen data tai sisältö.