Menu
Coddy logo textTech

Zusammenfassung - Tabellen

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

challenge icon

Aufgabe

Einfach

Erstelle ein HTML-Dokument, das eine Tabelle mit allen bisher gelernten Elementen enthält:

  1. Ein <table>-Tag zum Definieren der Tabelle mit einem border-Attribut, das zur Sichtbarkeit auf "1" gesetzt ist.
  2. Ein <caption>-Tag mit dem Text "Employee Information" zur Beschreibung der Tabelle.
  3. Eine Tabellenzeile (<tr>) für die Kopfzeile mit drei Kopfzellen (<th>). Die erste Kopfzelle sollte zwei Spalten umfassen und "Employee Details" enthalten, die zweite sollte "Department" enthalten und die dritte "Salary".
  4. Eine Tabellenzeile (<tr>) mit einer Datenzelle (<td>), die sich über zwei Zeilen und zwei Spalten erstreckt und den Text "John Doe" enthält, einer Datenzelle (<td>) mit dem Text "Sales" und einer Datenzelle (<td>) mit dem Text "$50,000".
  5. Eine weitere Tabellenzeile (<tr>) mit einer Datenzelle (<td>) mit dem Text "Marketing" und einer Datenzelle (<td>) mit dem Text "$60,000".
  6. Eine abschließende Tabellenzeile (<tr>) mit einer Datenzelle (<td>), die sich über zwei Spalten erstreckt und "Jane Smith" enthält, einer Datenzelle (<td>) mit dem Text "IT" und einer Datenzelle (<td>) mit dem Text "$70,000".

Probier es selbst

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

Alle Lektionen in Grundlagen

Übe selbstständig: Web-Playground