X

Headline

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

HTML-Tag <tr>

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>

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.

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


Browser-Support



Finden Sie das nützlich?

Ähnliche Artikel