Udfordring: Design af en Funktionel HTML-Tabel

Mål

Præsentation af medarbejderoplysninger i et struktureret tabel-format ved at anvende passende HTML-tags til at oprette rækker og kolonner.

Opgave

Opret en tabel med tre kolonner: Name, Position, og Wage. Fokus på brug af de korrekte HTML-tags til at udfylde tabellen med de rigtige rækker og kolonner. Her er de data, der skal inkluderes:

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. Brug table-tagget til at definere hovedelementet for tabellen.
2. Brug thead-tagget til at gruppere tabelhovedets indhold, såsom kolonneoverskrifter.
3. Brug tr-tagget til at definere en ny række i tabellen.
4. Brug th-tagget til at definere overskriftsteksten for hver kolonne.
5. Brug tbody-tagget til at gruppere hovedindholdet i tabellen, som inkluderer rækker og dataceller.
6. Brug td-tagget til at definere de faktiske data eller indholdet i hver celle i tabellen.