## Ziel
Präsentieren Sie Mitarbeiterinformationen in einem strukturierten Tabellenformat, indem Sie geeignete HTML-Tags verwenden, um Zeilen und Spalten zu erstellen.

## Aufgabe
Erstellen Sie eine Tabelle mit drei Spalten: **Name**, **Position** und **Lohn**. Konzentrieren Sie sich darauf, die geeigneten HTML-Tags zu verwenden, um die Tabelle mit den richtigen Zeilen und Spalten zu füllen.
Hier sind die Daten, die aufgenommen werden sollen:
1. Name: **Emma Johnson** | Position: **Verkaufsmitarbeiterin** | Lohn: **$15.50 pro Stunde**.
2. Name: **Liam Thompson** | Position: **Kundendienstmitarbeiter** | Lohn: **$14.75 pro Stunde**.
3. Name: **Olivia Rodriguez** | Position: **Marketingkoordinatorin** | Lohn: **$18.25 pro Stunde**.
4. Name: **Noah Smith** | Position: **IT-Support-Spezialist** | Lohn: **$20.00 pro Stunde**.
5. Name: **Ava Davis** | Position: **Verwaltungsassistentin** | Lohn: **$16.80 pro Stunde**.


PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDx0YWJsZT4KICAgICAgPCEtLSBUYWJsZSBoZWFkZXI6IERlZmluZXMgdGhlIGNvbHVtbiBoZWFkaW5ncyAtLT4KICAgICAgPHRoZWFkPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0aD5fX188L3RoPgogICAgICAgICAgPHRoPlBvc2l0aW9uPC90aD4KICAgICAgICAgIDxfX18+V2FnZTwvX19fPgogICAgICAgIDwvdHI+CiAgICAgIDwvdGhlYWQ+CgogICAgICA8IS0tIFRhYmxlIGJvZHk6IENvbnRhaW5zIGRhdGEgZm9yIGVhY2ggZW1wbG95ZWUgLS0+CiAgICAgIDx0Ym9keT4KICAgICAgICA8IS0tIFJvdyAxIC0tPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0ZD5FbW1hIEpvaG5zb248L3RkPgogICAgICAgICAgPHRkPl9fXzwvdGQ+CiAgICAgICAgICA8dGQ+JDE1LjUwIHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDIgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPF9fXz5MaWFtIFRob21wc29uPC9fX18+CiAgICAgICAgICA8dGQ+Q3VzdG9tZXIgU2VydmljZSBSZXByZXNlbnRhdGl2ZTwvdGQ+CiAgICAgICAgICA8dGQ+JDE0Ljc1IHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDMgLS0+CiAgICAgICAgPF9fXz4KICAgICAgICAgIDx0ZD5PbGl2aWEgUm9kcmlndWV6PC90ZD4KICAgICAgICAgIDx0ZD5NYXJrZXRpbmcgQ29vcmRpbmF0b3I8L3RkPgogICAgICAgICAgPHRkPiQxOC4yNSBwZXIgaG91cjwvdGQ+CiAgICAgICAgPC9fX18+CiAgICAgICAgPCEtLSBSb3cgNCAtLT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+Tm9haCBTbWl0aDwvdGQ+CiAgICAgICAgICA8dGQ+SVQgU3VwcG9ydCBTcGVjaWFsaXN0PC90ZD4KICAgICAgICAgIF9fXwogICAgICAgIDwvdHI+CiAgICAgICAgPCEtLSBSb3cgNSAtLT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+QXZhIERhdmlzPC90ZD4KICAgICAgICAgIF9fXwogICAgICAgICAgPHRkPiQxNi44MCBwZXIgaG91cjwvdGQ+CiAgICAgICAgPC90cj4KICAgICAgPC90Ym9keT4KICAgIDwvdGFibGU+CiAgPC9ib2R5Pgo8L2h0bWw+

LyogCiAgV2UgY29sbGFwc2UgdGhlIGJvcmRlcnMgb2YgZWFjaCBjZWxsLiAKICBCeSBkZWZhdWx0LCBlYWNoIGNlbGwgaGFzIGl0cyBvd24gYm9yZGVycyAKICB3aGljaCBhcmUgbm90IGNvbm5lY3RlZC4KKi8KdGFibGUgewogIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7CiAgbWFyZ2luOiAwIGF1dG87CiAgbWFyZ2luLXRvcDogMzBweDsKICBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7Cn0KCi8qIAogIEFkZCBhIGJvcmRlciBhbmQgcGFkZGluZyB0byB0aGUgY2VsbHMsIAogIHRoZSBkaXN0YW5jZSBmcm9tIHRoZSBjb250ZW50IHRvIHRoZSBib3JkZXIuCiovCnRhYmxlIHRoLAp0YWJsZSB0ZCB7CiAgcGFkZGluZzogMTBweDsKICBib3JkZXI6IDNweCBzb2xpZCAjZmY4YTAwOwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLyogU3R5bGUgZm9yIHRhYmxlIGhlYWRlciByb3cgKi8KdGhlYWQgdGggewogIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7CiAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTsKfQoKLyogQWx0ZXJuYXRlIHJvdyBiYWNrZ3JvdW5kIGNvbG9yICovCnRib2R5IHRyOm50aC1jaGlsZChldmVuKSB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjsKfQoKLyogSG92ZXIgZWZmZWN0IG9uIHRhYmxlIHJvd3MgKi8KdGJvZHkgdHI6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6ICNmZmQ2OTk7Cn0KCi8qIFRleHQgc3R5bGluZyBmb3IgY2VsbHMgKi8KdGFibGUgdGggewogIGZvbnQtc2l6ZTogMTZweDsKICBjb2xvcjogIzMzMzsKfQoKdGFibGUgdGQgewogIGZvbnQtc2l6ZTogMTRweDsKICBjb2xvcjogIzU1NTsKfQoKLyogRW1waGFzaXplIHdhZ2UgKi8KdGFibGUgdGQ6bnRoLWNoaWxkKDMpIHsKICBmb250LXdlaWdodDogYm9sZDsKICBjb2xvcjogI2ZmOGEwMDsKfQ==

1. Verwenden Sie das `table`-Tag, um das Hauptelement für die Tabelle zu definieren.
2. Verwenden Sie das `thead`-Tag, um den Kopfbereich der Tabelle zu gruppieren, wie z.B. die Spaltenüberschriften.
3. Verwenden Sie das `tr`-Tag, um eine neue Zeile innerhalb der Tabelle zu definieren.
4. Verwenden Sie das `th`-Tag, um den Kopftext für jede Spalte zu definieren.
5. Verwenden Sie das `tbody`-Tag, um den Hauptinhalt der Tabelle zu gruppieren, der die Zeilen und Datenzellen umfasst.
6. Verwenden Sie das `td`-Tag, um die tatsächlichen Daten oder Inhalte innerhalb jeder Zelle der Tabelle zu definieren.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDx0YWJsZT4KICAgICAgPCEtLSBUYWJsZSBoZWFkZXI6IERlZmluZXMgdGhlIGNvbHVtbiBoZWFkaW5ncyAtLT4KICAgICAgPHRoZWFkPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0aD5OYW1lPC90aD4KICAgICAgICAgIDx0aD5Qb3NpdGlvbjwvdGg+CiAgICAgICAgICA8dGg+V2FnZTwvdGg+CiAgICAgICAgPC90cj4KICAgICAgPC90aGVhZD4KCiAgICAgIDwhLS0gVGFibGUgYm9keTogQ29udGFpbnMgZGF0YSBmb3IgZWFjaCBlbXBsb3llZSAtLT4KICAgICAgPHRib2R5PgogICAgICAgIDwhLS0gUm93IDEgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPkVtbWEgSm9obnNvbjwvdGQ+CiAgICAgICAgICA8dGQ+U2FsZXMgQXNzb2NpYXRlPC90ZD4KICAgICAgICAgIDx0ZD4kMTUuNTAgcGVyIGhvdXI8L3RkPgogICAgICAgIDwvdHI+CiAgICAgICAgPCEtLSBSb3cgMiAtLT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+TGlhbSBUaG9tcHNvbjwvdGQ+CiAgICAgICAgICA8dGQ+Q3VzdG9tZXIgU2VydmljZSBSZXByZXNlbnRhdGl2ZTwvdGQ+CiAgICAgICAgICA8dGQ+JDE0Ljc1IHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDMgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPk9saXZpYSBSb2RyaWd1ZXo8L3RkPgogICAgICAgICAgPHRkPk1hcmtldGluZyBDb29yZGluYXRvcjwvdGQ+CiAgICAgICAgICA8dGQ+JDE4LjI1IHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDQgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPk5vYWggU21pdGg8L3RkPgogICAgICAgICAgPHRkPklUIFN1cHBvcnQgU3BlY2lhbGlzdDwvdGQ+CiAgICAgICAgICA8dGQ+JDIwLjAwIHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDUgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPkF2YSBEYXZpczwvdGQ+CiAgICAgICAgICA8dGQ+QWRtaW5pc3RyYXRpdmUgQXNzaXN0YW50PC90ZD4KICAgICAgICAgIDx0ZD4kMTYuODAgcGVyIGhvdXI8L3RkPgogICAgICAgIDwvdHI+CiAgICAgIDwvdGJvZHk+CiAgICA8L3RhYmxlPgogIDwvYm9keT4KPC9odG1sPg==

Lernen Sie die Grundlagen von HTML (HyperText Markup Language), dem Fundament der Webentwicklung. Dieser anfängerfreundliche Kurs behandelt Tags, Attribute, Elemente und das Strukturieren von Webseiten. Erwerben Sie praktische Fähigkeiten im Erstellen von Überschriften, Absätzen, Listen, Bildern, Links, Formularen und Tabellen. Entdecken Sie Best Practices, Optimierung und Webzugänglichkeit. Beginnen Sie Ihre Reise in die Webentwicklung mit HTML.

Erkunden Sie die inneren Abläufe des Webs. Lernen Sie, wie Daten über Netzwerke reisen, entdecken Sie die Rolle von Protokollen und entschlüsseln Sie die Geheimnisse von IP-Adressen und Domainnamen. Gewinnen Sie ein umfassendes Verständnis dafür, wie Webbrowser und Server kommunizieren, um Webinhalte bereitzustellen.

Entdecken Sie die Kraft der Tags, um Inhalte zu strukturieren, von Überschriften und Absätzen bis hin zu Listen und Tabellen. Lernen Sie, wie Sie die Elemente mit Attributen verbessern können.

Der Kern der HTML-Dokumentenstruktur. Lernen Sie die Komponenten eines HTML-Dokuments kennen, einschließlich der doctype-Deklaration, des Kopfes und des Körpers. Verstehen Sie den Zweck jedes Elements und wie sie zur Gesamtstruktur einer Webseite beitragen.

Gestalten Sie eine Webseite ansprechender mit Hilfe von Medien wie Bildern, Audio und Video. Arbeiten Sie mit strukturierten tabellarischen Daten in Form von Tabellen.

Erkunden Sie die Vielseitigkeit von HTML-Formularen. Lernen Sie, intuitive und benutzerfreundliche Formulare zu entwerfen, indem Sie wichtige Konzepte und Techniken nutzen. Entdecken Sie, wie Formulare die Benutzerinteraktion und Datenübermittlung auf Websites ermöglichen.

Ultimatives HTML

Herausforderung: Tabellen

Ziel

Aufgabe