Tag tbody
Tag tbody menentukan bagian utama tabel.
Digunakan untuk mengelompokkan baris dengan
cara sehingga gaya CSS dapat langsung diterapkan
pada suatu kelompok. Satu tabel dapat
memiliki jumlah tag tbody berapa pun.
Tag tbody sering digunakan bersama
dengan thead
dan tfoot
untuk menentukan bagian atas, bagian utama,
dan bagian bawah tabel HTML. Secara default,
browser akan menempatkan konten tfoot
di bagian bawah tabel, dan thead -
di bagian atas.
Contoh
Mari tambahkan warna merah teks pada kelompok baris
yang dikelompokkan oleh tag
tbody, menggunakan properti
color:
<table>
<thead>
<tr>
<th>Nama</th>
<th>Marg</th>
<th>Gaji</th>
</tr>
</thead>
<tbody>
<tr>
<td>nama1</td>
<td>marg1</td>
<td>200$</td>
</tr>
<tr>
<td>nama2</td>
<td>marg2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>jumlah: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
</table>
tbody {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
