HTML lernen (4/5): Tabellen

So erstellst du starke HTML Tabellen.

HTML Tabellen erstellen – Video

1. HTML Aufbau
2. Praxisbeispiel: Tabelle

Du musst eingeloggt sein, um diesen Inhalt zu sehen!

Lukinski SEO Masterclass: Einloggen oder jetzt starten >

Aufbau HTML einer Tabelle

So baust du eine einfache HTML Tabelle auf. Achte darauf, dass sie nicht zu viele Spalten enthält und einfach bleibt. Hier siehst du einen aufbau von 3×3 (also 3 Spalten und 3 Zeilen).

<table>

<tr>

<th>Zeile 1</th>

<th>Zeile 1</th>

<th>Zeile 1</th>

</tr>

<tr>

<td>Zeile 2</td>

<td>Zeile 2</td>

<td>Zeile 2</td>

</tr>

<tr>

<td>Zeile 3</td>

<td>Zeile 3</td>

<td>Zeile 3</td>

</tr>

</table>

Weiterführend

Tabellen kannst du auch (ähnlich wie eine Website) in 3 Teile gliedern: Header, Body und Footer. Außerdem siehst du hier im Beispiel, wie du zwei Zellen miteinander verbinden kannst durch den Parameter colspan=”2” .

<table>

<thead>

<tr>

<th>Produkt Name</th>

<th>Produkt Nummer</th>

</tr>

</thead>

<tbody>

<tr>

<td>Smartphone</td>

<td>123</td>

</tr>

</tbody>

<tfoot>

<tr>

<th colspan=“2″>Produktliste</th>

</tr>

</tfoot>

</table>