Im Tag <caption> wird die Überschrift der Tabelle platziert. Das Tag <caption> wird innerhalb des Elements <table> gleich nach dem Starttag <table> geschrieben.
Syntax
Das Tag <caption> wird gepaart verwendet, sein Inhalt wird zwischen den Start- (<caption>) und Endtags (</caption>) geschrieben.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Inhalt des Dokuments</title>
</head>
<body>
<table summary="grades" width="400" border="1">
<caption>Bewertungspapier</caption>
<thead>
<tr>
<th>Student</th>
<th>1. Prüfung</th>
<th>2. Prüfung</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Johnson</td>
<td>75</td>
<td>65</td>
</tr>
<tr>
<td>Mary Nicolson</td>
<td>55</td>
<td>80</td>
</tr>
<tr>
<td>Max Thomson</td>
<td>60</td>
<td>47</td>
</tr>
</tbody>
</table>
</body>
</html>Ergebnis
| Student | 1. Prüfung | 2. Prüfung |
|---|---|---|
| John Johnson | 75 | 65 |
| Mary Nicolson | 55 | 80 |
| Max Thomson | 60 | 47 |
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| align | Es gleicht die Überschriften horizontal aus. Es wird in HTML5 nicht verwendet. |
|
| right | Der Überschrift wird oben platziert und von der rechten Seite ausgeglichen. | |
| left | Der Überschrift wird oben platziert und von der linken Seite ausgeglichen. | |
| top | Der Überschrift wird oben platziert und im Zentrum ausgeglichen. | |
| bottom | Der Überschrift wird unten platziert und im Zentrum ausgeglichen. |
Das Tag <caption> unterschtützt Globale Attribute und Globale Eventhandler.
Browser-Support
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Übe dein Wissen
Was ist das HTML-Tag <caption> und wo wird es benutzt?
Richtig!
Falsch!