Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Entwurf Einer Funktionalen HTML-Tabelle | Arbeiten mit Medien und Tabellen
Ultimatives HTML

bookHerausforderung: 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.
index.html

index.html

index.css

index.css

copy
  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.
index.html

index.html

index.css

index.css

copy
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 9

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

bookHerausforderung: Entwurf Einer Funktionalen HTML-Tabelle

Swipe um das Menü anzuzeigen

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.
index.html

index.html

index.css

index.css

copy
  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.
index.html

index.html

index.css

index.css

copy
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 9
some-alt