Znacznik thead
Znacznik thead definiuje górną część tabeli.
Używany jest do grupowania wierszy w taki
sposób, aby od razu można było zastosować
styl CSS do określonej grupy. W jednej tabeli
może znajdować się tylko jeden znacznik thead.
Znacznik thead jest często używany razem
z tbody
i tfoot
do zdefiniowania górnej części, głównej części
i dolnej części tabeli HTML.
Przykład
Dodajmy czerwony kolor tekstu grupie wierszy
pogrupowanych za pomocą znacznika
thead, używając właściwości color:
<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>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Przykład
Tutaj thead nie znajduje się na górze, a tfoot
nie na dole, niemniej jednak przeglądarka ustawi je
we właściwych miejscach:
<table>
<tfoot>
<tr>
<td>liczba: 2</td>
<td>-</td>
<td>suma: 1200$</td>
</tr>
</tfoot>
<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>
<thead>
<tr>
<th>Imię</th>
<th>Nazwisko</th>
<th>Wynagrodzenie</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
