1.8 Tabellen

Einführung

HTML bietet spezielle Elemente zum Darstellen von tabellarischen Daten. `<table>` definiert die gesamte Tabelle, `<tr>` einzelne Zeilen, `<th>` Tabellenüberschriften und `<td>` die Zellen der Tabelle. Mit `<thead>` kann der Kopfbereich, und mit `<tbody>` der Hauptbereich der Tabelle gekennzeichnet werden.

Beispiel

Das folgende Beispiel zeigt eine einfache Tabelle mit Kopf- und Körperbereich.

<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="UTF-8">
    <title>Tabellen</title>
</head>

<body>
    <table border="1">
        <thead>
            <tr>
                <th>Name</th>
                <th>Alter</th>
                <th>Beruf</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Anna</td>
                <td>25</td>
                <td>Lehrerin</td>
            </tr>
            <tr>
                <td>Ben</td>
                <td>30</td>
                <td>Ingenieur</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

1.8 Tabellen

Einführung

HTML bietet spezielle Elemente zum Darstellen von tabellarischen Daten. <table> definiert die gesamte Tabelle, <tr> einzelne Zeilen, <th> Tabellenüberschriften und <td> die Zellen der Tabelle. Mit <thead> kann der Kopfbereich, und mit <tbody> der Hauptbereich der Tabelle gekennzeichnet werden.

Beispiel

Das folgende Beispiel zeigt eine einfache Tabelle mit Kopf- und Körperbereich.

Einführung

Beispiel