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
course content

Kursinhalt

Ultimatives HTML

Ultimatives HTML

1. Verständnis der Webentwicklung
3. HTML-Dokumentstruktur
4. Arbeiten mit Medien und Tabellen

book
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:

  1. Name: Emma Johnson | Position: Verkaufsmitarbeiterin | Lohn: $15.50 pro Stunde .

  2. Name: Liam Thompson | Position: Kundenservicemitarbeiter | 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 .

html

index.html

css

index.css

copy
  1. Verwenden Sie das table -Tag, um das Hauptelement der Tabelle zu definieren.

  2. Verwenden Sie das thead -Tag, um den Kopfbereich der Tabelle, wie z. B. die Spaltenüberschriften, zu gruppieren.

  3. Verwenden Sie das tr -Tag, um eine neue Zeile innerhalb der Tabelle zu definieren.

  4. Verwenden Sie das th -Tag, um den Überschriftstext für jede Spalte festzulegen.

  5. Verwenden Sie das tbody -Tag, um den Hauptinhalt der Tabelle zu gruppieren, einschließlich der Zeilen und Datenzellen.

  6. Verwenden Sie das td -Tag, um die tatsächlichen Daten oder Inhalte innerhalb jeder Tabellenzelle zu definieren.

html

index.html

css

index.css

copy
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 8

Fragen Sie AI

expand
ChatGPT

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

course content

Kursinhalt

Ultimatives HTML

Ultimatives HTML

1. Verständnis der Webentwicklung
3. HTML-Dokumentstruktur
4. Arbeiten mit Medien und Tabellen

book
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:

  1. Name: Emma Johnson | Position: Verkaufsmitarbeiterin | Lohn: $15.50 pro Stunde .

  2. Name: Liam Thompson | Position: Kundenservicemitarbeiter | 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 .

html

index.html

css

index.css

copy
  1. Verwenden Sie das table -Tag, um das Hauptelement der Tabelle zu definieren.

  2. Verwenden Sie das thead -Tag, um den Kopfbereich der Tabelle, wie z. B. die Spaltenüberschriften, zu gruppieren.

  3. Verwenden Sie das tr -Tag, um eine neue Zeile innerhalb der Tabelle zu definieren.

  4. Verwenden Sie das th -Tag, um den Überschriftstext für jede Spalte festzulegen.

  5. Verwenden Sie das tbody -Tag, um den Hauptinhalt der Tabelle zu gruppieren, einschließlich der Zeilen und Datenzellen.

  6. Verwenden Sie das td -Tag, um die tatsächlichen Daten oder Inhalte innerhalb jeder Tabellenzelle zu definieren.

html

index.html

css

index.css

copy
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 8
Wir sind enttäuscht, dass etwas schief gelaufen ist. Was ist passiert?
some-alt