Herausforderung: Entwurf Einer Funktionalen HTML-Tabelle

Ziel

Darstellung von Mitarbeiterinformationen in einem strukturierten Tabellenformat durch die Verwendung geeigneter HTML-Tags zur Erstellung von Zeilen und Spalten.

Aufgabe

Erstellung einer Tabelle mit drei Spalten: Name, Position und Wage. Schwerpunkt auf der Verwendung der passenden HTML-Tags, um die Tabelle mit den korrekten Zeilen und Spalten zu füllen. Hier sind die einzufügenden Daten:

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. Das table-Tag zur Definition des Hauptelements für die Tabelle verwenden.
2. Das thead-Tag zur Gruppierung des Tabellenkopfes, wie zum Beispiel Spaltenüberschriften, verwenden.
3. Das tr-Tag zur Definition einer neuen Zeile in der Tabelle verwenden.
4. Das th-Tag zur Definition des Kopftextes für jede Spalte verwenden.
5. Das tbody-Tag zur Gruppierung des Hauptinhalts der Tabelle, einschließlich der Zeilen und Datenzellen, verwenden.
6. Das td-Tag zur Definition der eigentlichen Daten oder Inhalte innerhalb jeder Tabellenzelle verwenden.