HTMLCSSJavaScriptIndexRoadmap

Tabellen

Mit HTML-Tabellen stellst du Daten in Zeilen und Spalten dar. Dafür verwendest du die Tags in der folgenden Übersicht:

TagZweck
<table>startet die Tabelle
<tr>erstellt eine Zeile
<th>Überschrift einer Spalte
<td> Inhalt der Zelle

HTML Codebeispiel

1<table>
2  <tr>
3    <th>Name</th>
4    <th>Alter</th>
5  </tr>
6  <tr>
7    <td>Max</td>
8    <td>25</td>
9  </tr>
10  <tr>
11    <td>Lisa</td>
12    <td>30</td>
13  </tr>
14    <tr>
15    <td>Peter</td>
16    <td>30</td>
17  </tr>
18    <tr>
19    <td>Lisa</td>
20    <td>42</td>
21  </tr>
22    <tr>
23    <td>Hans</td>
24    <td>19</td>
25  </tr>
26</table>

Output

NameAlter
Max25
Lisa30
Peter30
Lisa42
Hans19

Im nächsten Kapitel lernst du: Tabellen Stylen