Tezi thead
Tezi thead huainisha sehemu ya juu ya jedwali.
Inatumika kwa kikundi safu kwa njia
hiyo, ili mara moja kikundi fulani kiweze
kutumika mitindo ya CSS. Kwenye jedwali moja
kunaweza kuwa na tezi thead moja tu.
Tezi thead mara nyingi hutumiwa pamoja
na tbody
na tfoot
kwa kuainisha sehemu ya juu, sehemu kuu
na sehemu ya chini ya jedwali la HTML.
Mfano
Wacha kikundi safu, zilizounganishwa na tezi
thead, tuongeze rangi nyekundu ya maandishi
kwa kutumia sifa color:
<table>
<thead>
<tr>
<th>Jina</th>
<th>Ukoo</th>
<th>Mshahara</th>
</tr>
</thead>
<tbody>
<tr>
<td>jina1</td>
<td>ukoo1</td>
<td>200$</td>
</tr>
<tr>
<td>jina2</td>
<td>ukoo2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>idadi: 2</td>
<td>-</td>
<td>jumla: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Mfano
Na hapa thead haiko juu, na tfoot
haiko chini, hata hivyo kivinjari kitaweka
katika nafasi zake:
<table>
<tfoot>
<tr>
<td>idadi: 2</td>
<td>-</td>
<td>jumla: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>jina1</td>
<td>ukoo1</td>
<td>200$</td>
</tr>
<tr>
<td>jina2</td>
<td>ukoo2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Jina</th>
<th>Ukoo</th>
<th>Mshahara</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
