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
Erstellen Sie eine Tabelle mit drei Spalten: Name, Position und Lohn. Achten Sie darauf, die passenden HTML-Tags zu verwenden, um die Tabelle mit den korrekten Zeilen und Spalten zu füllen. Hier sind die aufzunehmenden Daten:
- Name: Emma Johnson | Position: Verkaufsmitarbeiterin | Lohn: $15.50 pro Stunde.
- Name: Liam Thompson | Position: Kundenservicemitarbeiter | Lohn: $14.75 pro Stunde.
- Name: Olivia Rodriguez | Position: Marketingkoordinatorin | Lohn: $18.25 pro Stunde.
- Name: Noah Smith | Position: IT-Support-Spezialist | Lohn: $20.00 pro Stunde.
- Name: Ava Davis | Position: Verwaltungsassistentin | Lohn: $16.80 pro Stunde.
index.html
index.css
- Verwenden Sie das
table
-Tag, um das Hauptelement der Tabelle zu definieren. - Verwenden Sie das
thead
-Tag, um den Kopfbereich der Tabelle, wie z. B. die Spaltenüberschriften, zu gruppieren. - Verwenden Sie das
tr
-Tag, um eine neue Zeile innerhalb der Tabelle zu definieren. - Verwenden Sie das
th
-Tag, um den Überschriftstext für jede Spalte festzulegen. - Verwenden Sie das
tbody
-Tag, um den Hauptinhalt der Tabelle zu gruppieren, einschließlich der Zeilen und Datenzellen. - Verwenden Sie das
td
-Tag, um die tatsächlichen Daten oder Inhalte innerhalb jeder Tabellenzelle zu definieren.
index.html
index.css
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.56
Herausforderung: 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
Erstellen Sie eine Tabelle mit drei Spalten: Name, Position und Lohn. Achten Sie darauf, die passenden HTML-Tags zu verwenden, um die Tabelle mit den korrekten Zeilen und Spalten zu füllen. Hier sind die aufzunehmenden Daten:
- Name: Emma Johnson | Position: Verkaufsmitarbeiterin | Lohn: $15.50 pro Stunde.
- Name: Liam Thompson | Position: Kundenservicemitarbeiter | Lohn: $14.75 pro Stunde.
- Name: Olivia Rodriguez | Position: Marketingkoordinatorin | Lohn: $18.25 pro Stunde.
- Name: Noah Smith | Position: IT-Support-Spezialist | Lohn: $20.00 pro Stunde.
- Name: Ava Davis | Position: Verwaltungsassistentin | Lohn: $16.80 pro Stunde.
index.html
index.css
- Verwenden Sie das
table
-Tag, um das Hauptelement der Tabelle zu definieren. - Verwenden Sie das
thead
-Tag, um den Kopfbereich der Tabelle, wie z. B. die Spaltenüberschriften, zu gruppieren. - Verwenden Sie das
tr
-Tag, um eine neue Zeile innerhalb der Tabelle zu definieren. - Verwenden Sie das
th
-Tag, um den Überschriftstext für jede Spalte festzulegen. - Verwenden Sie das
tbody
-Tag, um den Hauptinhalt der Tabelle zu gruppieren, einschließlich der Zeilen und Datenzellen. - Verwenden Sie das
td
-Tag, um die tatsächlichen Daten oder Inhalte innerhalb jeder Tabellenzelle zu definieren.
index.html
index.css
Danke für Ihr Feedback!