HTML-Tag <table>

Das Tag <table> wird als ein Container für die Elemente, die den Inhalt der HTML-Tabelle bestimmen, verwendet.

Das Tag <tr> bestimmt die Tabellenzeilen. Eine Zeile kann eine oder mehrere Elemente <td> oder <th>, die eine Tabellenzelle bzw. einen Tabellentitel definieren, haben.

Das Tag <th> wird in der ersten Zeile der Tabelle platziert. Der darin enthaltene Text ist fett gedruckt und voreingestellt zentriert.

Das Tag <th> ist kein obligatorisches Element einer Tabelle, aber wir empfehlen Ihnen es in der Tabelle einzuschließen, weil es hilft, den Inhalt besser zu strukturieren sowie es hilft den Suchmaschinen bei der besseren Indexierung der Tabelle.

Für die Erstellung von komplizierten Tabellen werden die Tags <caption>, thead, tbody, tfoot oder <colgroup> enthalten.

Syntax

Das Tag <table> wird gepaart verwendet, der Inhalt des Tages wird zwischen den Start- (<table>) und Endtags (</table>) geschrieben.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <table  border="1" style="border-collapse:collapse;">
      <tr>
        <th>Monat</th>
        <th>Datum</th>
      </tr>
      <tr>
        <td>Juni</td>
        <td>10.06.2018</td>
      </tr>
      <tr>
        <td>Juli</td>
        <td>15.07.2018</td>
      </tr>
    </table>
  </body>
</html>

Versuch es selber!

Ergebnis

Attribute

Die Attribute des Tages <table> werden in HTML5 nicht unterstützt. Für die Formgestaltung von Tabellen werden CSS-Stile verwendet.

Attribut	Wert	Beschreibung	CSS-Eigenschaft
align	left center right	Es bestimmt die Ausrichtung der Zelleninhalt. Es wird in HTML 5 nicht unterstützt.	margin
bgcolor	rgb(x,x,x) #xxxxxx colorname	Es bestimmt die Hintergrundfarbe der Tabelle. Es wird in HTML 5 nicht unterstützt.	background-color
border	1 0	Es bestimmt die Rahmenbreite in Pixeln. Es wird in HTML 5 nicht unterstützt.	border
cellpadding	pixels	Es bestimmt den Abstand zwischen der Zellengrenze und ihrem Inhalt. Es wird in HTML 5 nicht unterstützt.	border-collapse
cellspacing	pixels	Es bestimmt den Abstand zwischen den Zellen. Es wird in HTML 5 nicht unterstützt.	border-spacing
frame	void above below hsides lhs rhs vsides box border	Es informiert dem Browser, wie die Grenzen um die Tabelle dargestellt werden müssen. Es wird in HTML 5 nicht unterstützt.	border-style border-width
rules	none groups rows cols all	Es informiert dem Browser, wo die Grenzen zwischen den Zellen dargestellt werden müssen. Es wird in HTML 5 nicht unterstützt.	border (Verwenden Sie diese Eigenschaft entsprechend mit den HTML-Tags thead, tbody, tfoot, col oder colgroup).
summary	text	Es gibt eine kurze Beschreibung der Tabelle an. Es wird in HTML 5 nicht unterstützt.	caption-side
width	pixels %	Es bestimmt die Breite der Tabelle. Es wird in HTML 5 nicht unterstützt.	width

Das Tag <table> unterschtützt Globale Attribute und Globale Eventhandler.


✓	✓	✓	✓	✓

✓

HTML-Tag <table>

Syntax

Beispiel

Ergebnis

Attribute

Browser-Support

Übe dein Wissen