HTML-Tag <tr>

❮ Vorige Nächste ❯

HTML Tag <tr> definiert die Zeilen in der HTML-Tabelle. Die Zellen in der Zeile werden durch die Tags <th> (Titelzelle) oder <td> (standarte Zelle) bestimmt.

Das Element <tr> wird innerhalb des Tages <table> platziert.

Beachten Sie bitte, dass alle Zeilen der Tabelle dieselbe Zahl von Zellen enthalten, die der Anzahl der Zellen der längsten Zeile entspricht. Wenn eine Zeile weniger Zellen enthält als andere Zeilen, wird der Browser die Zeile automatisch ausfüllen, und leere Zellen am Ende dieser Zeile platzieren.

Wenn Sie betonen müssen, dass sich keine Daten in anderen Zellen befinden, erstellen Sie bei Bedarf eine Zelle ohne Inhalt.

Die vom Browser hinzugefügten Zellen haben keine Grenzen, und wenn sie hintereinander gehen, werden sie als eine integrierte Zelle angezeigt.

Um das Aussehen der Tabelle anzupassen, verwenden Sie die CSS-Eigenschaften.

Syntax

<table> 
<tr> 
<td>...</td> </tr> 
</table>

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      th, td {
        padding: 10px;
        border: 1px solid #666;
      }
    </style>
  </head>
   <body>
    <table style="width:80%; margin:30px auto; border-collapse:collapse;">
      <tr>
        <th>Monat</th>
        <th>Datum</th>
      </tr>
      <tr>
        <td>März</td>
        <td>10.09.2018</td>
      </tr>
      <tr>
        <td>Juni</td>
        <td>18.07.2018</td>
      </tr>
    </table>
  </body>
</html>

Versuch es selber!

Ergebnis

Attribute

Attribut	Wert	Beschreibung
align	right left center justify char	Es richtet den Inhalt der Zelle aus. Es wird in HTML 5 nicht unterstützt.
bgcolor	bgcolor	Es bestimmt die Hintergrundfarbe von Zellen. Es wird in HTML 5 nicht unterstützt.
bordercolor	bordercolor	Es bestimmt die Rahmenfarbe. Es wird in HTML 5 nicht unterstützt.
char	character	Es bestimmt die Methode der Ausrichtung des Zelleninhalts nach dem angegebenen Symbol. Es wird nur dann verwendet, wenn das Attribut align = "char". Es wird in HTML 5 nicht unterstützt.
charoff	number	Es richtet den Zelleninhalt nach dem angegebenen Symbol aus. Es wird nur dann verwendet, wenn das Attribut align = "char". Es wird in HTML 5 nicht unterstützt.
valign	top middle bottom baseline	Es richtet den Inhalt innerhalb des Elements nach vertikal aus. Es wird in HTML 5 nicht unterstützt.