X

Headline

This is an important message requiring you to make a choice if you're based in the EU.

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>

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.


Browser-Support



Finden Sie das nützlich?

Ähnliche Artikel