Znacznik tbody

Znacznik tbody definiuje główną część tabeli. Używany jest do grupowania wierszy w taki sposób, aby od razu do niektórych grup można było zastosować style CSS. W jednej tabeli może być dowolna liczba znaczników tbody.

Znacznik tbody jest często używany razem z thead i tfoot do zdefiniowania górnej części, głównej części i dolnej części tabeli HTML. Domyślnie przeglądarka umieści zawartość tfoot w dolnej części tabeli, a thead - w górnej.

Przykład

Nadajmy grupie wierszy, zgrupowanych znacznikiem tbody, czerwony kolor tekstu za pomocą właściwości color:

html<table>
  <thead>
    <tr>
      <th>Imię</th>
      <th>Nazwisko</th>
      <th>Wynagrodzenie</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>imię1</td>
      <td>nazwisko1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>imię2</td>
      <td>nazwisko2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>liczba: 2</td>
      <td>-</td>
      <td>suma: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

table, td, th {
  border: 1px solid black;
}

Результат:

Zobacz także