Menu
Coddy logo textTech

Zusammenfassung - Tabellen

Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 51 von 60.

challenge icon

Aufgabe

Einfach

Erstellen Sie ein HTML-Dokument, das eine Tabelle mit allen Elementen enthält, die wir bisher gelernt haben:

  1. Ein <table>-Tag, um die Tabelle zu definieren, mit einem border-Attribut, das für die Sichtbarkeit auf "1" gesetzt ist.
  2. Ein <caption>-Tag mit dem Text "Employee Information", um die Tabelle zu beschreiben.
  3. Eine Tabellenzeile (<tr>) für die Kopfzeile mit drei Kopfzellen (<th>). Die erste Kopfzeile sollte zwei Spalten überspannen und "Employee Details" lauten, die zweite sollte "Department" lauten und die dritte sollte "Salary" lauten.
  4. Eine Tabellenzeile (<tr>) mit einer Datenzelle (<td>), die zwei Zeilen und zwei Spalten überspannt und den Text "John Doe" enthält, einer Datenzelle (<td>), die "Sales" lautet, und einer Datenzelle (<td>), die "$50,000" lautet.
  5. Eine weitere Tabellenzeile (<tr>) mit einer Datenzelle (<td>), die "Marketing" lautet, und einer Datenzelle (<td>), die "$60,000" lautet.
  6. Eine letzte Tabellenzeile (<tr>) mit einer Datenzelle (<td>), die zwei Spalten überspannt und "Jane Smith" lautet, einer Datenzelle (<td>), die "IT" lautet, und einer Datenzelle (<td>), die "$70,000" lautet.

Probier es selbst

<!DOCTYPE html>
<html>
    <body>
        <!-- Hier Code schreiben -->
    </body>
</html>

Alle Lektionen in Fundamentals