Теги tfoot
Теги tfoot қисми поёнии ҷадвалро муайян мекунад.
Барои гурӯҳбандӣ кардани сатрҳо ба тавре истифода мешавад,
ки баъзе гурӯҳҳоро ҳамон вақт бо услубҳои CSS татбиқ кардан мумкин аст.
Дар як ҷадвал фақат як теги tfoot метавонад бошад.
Теги tfoot аксар вақт бо
thead
ва tbody
ҳамроҳ истифода мешавад, то қисми болоӣ, қисми асосӣ
ва қисми поёнии ҷадвали HTML муайян карда шавад.
Тарзи пешфарз, браузер мундариҷаи tfoot-ро
дар қисми поёнии ҷадвал ва thead-ро
дар қисми болоӣ ҷойгир мекунад.
Намуна
Биёед ба гурӯҳи сатрҳое, ки бо теги
tfoot якҷоя карда шудаанд, бо ёрии хосияти
color ранги сурхи матнро муайян кунем:
<table>
<thead>
<tr>
<th>Ном</th>
<th>Насаб</th>
<th>Моҳона</th>
</tr>
</thead>
<tbody>
<tr>
<td>ном1</td>
<td>насаб1</td>
<td>200$</td>
</tr>
<tr>
<td>ном2</td>
<td>насаб2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>шумора: 2</td>
<td>-</td>
<td>ҷамъ: 1200$</td>
</tr>
</tfoot>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Намуна
Ва дар ин ҷо, биёед бубинем, ки thead
дар боло наёмада, балки tfoot дар поён нест,
вале браузер онҳоро ба ҷойҳои худ мегузорад:
<table>
<tfoot>
<tr>
<td>шумора: 2</td>
<td>-</td>
<td>ҷамъ: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>ном1</td>
<td>насаб1</td>
<td>200$</td>
</tr>
<tr>
<td>ном2</td>
<td>насаб2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Ном</th>
<th>Насаб</th>
<th>Моҳона</th>
</tr>
</thead>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
