Beschriftung von Tabellen

Tabellen können manchmal sehr unklar sein, sodass Besucher der Seite ohne Hilfe nicht erkennen, welche Daten mit der Tabelle dargestellt werden. Deshalb kann es sinnvoll sein, einer Tabelle eine Beschriftung hinzuzufügen. In HTML gibt es dafür das <caption>-Tag. Wenn eine Tabelle eine Kopfzeile enthält, so muss das <caption>-Tag oberhalb von der Kopfzeile stehen.

<table>
	<caption>
		<p>Diese Tabelle gibt die Zutaten für
		einen wunderbaren Obstsalat an!</p>
	</caption>
	<thead>
		<tr>
			<th>Obstsorte</th>
			<th>Menge</th>
		</tr>
	</thead>
	<tr>
		<td>Himbeeren</td>
		<td>400g</td>
	</tr>
	<tr>
		<td>Trauben</td>
		<td>800g</td>
	</tr>
	<tr>
		<td>Mangos</td>
		<td>4 Stück</td>
	</tr>
	<tr>
		<td>Limetten</td>
		<td>2 Stück</td>
	</tr>
</table>

Wie in dem Beispiel zu sehen ist, darf die Beschriftung selbst wieder HTML-Code enthalten.

Aufgabe

Füge der Tabelle, die du vorhin erstellt hast, noch eine Beschriftung hinzu!