Kursinhalt
Ultimatives HTML
Ultimatives HTML
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!