html.caption.Element | strassencoder.ch

Überschrift Beispiel

Tag caption

<!DOCTYPE html>

<html>

<head>

<style>

table {

width: 40%;

border-collapse: collapse;

}

th, td {

padding: 0.2rem;

border: 1px solid black;

color: black;

}

tr:nth-child(even){

background-color: #404040;

}

tr:nth-child(odd){

background-color: dodgerblue;

}

</style>

</head>

<body>

<h3>Das caption-Element</h3>

<table>

<caption>Monatliche Ersparnisse</caption>

<tr>

<th>Monat</th>

<th>Ersparnisse</th>

</tr>

<tr>

<td>Januar</td>

<td>100 CHF</td>

</tr>

<tr>

<td>Februar</td>

<td>50 CHF</td>

</tr>

<tr>

<td>März</td>

<td>80 CHF</td>

</tr>

<tr>

<td>April</td>

<td>40 CHF</td>

</tr>

<tr>

<td>Mai</td>

<td>20 CHF</td>

</tr>

<tr>

<td>Juni</td>

<td>50 CHF</td>

</tr>

</table>

</body>

</html>

Überschrift BrowserAusgabe

Das caption-Element

Monatliche Ersparnisse
Monat	Ersparnisse
Januar	100 CHF
Februar	50 CHF
März	80 CHF
April	40 CHF
Mai	20 CHF
Juni	50 CHF