HTML tbody tag | belajar <tbody> element
Referensi Belajar HTML tbody tag. Tutorial dan panduan mengenai element <tbody>...</tbody>
yang digunakan untuk konten bagian tengah atau isi sebuah tabel. Mencakup pembahasan lebih detail dan lengkap yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <tbody>.
Deskripsi
Penjelasan HTML tbody tag
tbody menunjukkan sebuah table body (bodi tabel) atau bagian pokok isi sebuah tabel.
HTML <tbody>
element digunakan untuk mengelompokkan konten yang terletak pada bagian tubuh table itu sendiri. Di dalam element <tbody>
tersebut, harus ditulis element <tr>
yang menunjukkan table row atau baris sebuah table.
Dalam sebuah tabel, <tbody>
element digunakan bersamaan dengan element <thead>
yang menunjukkan bagian kepala tabel dan <tfoot>
yang menunjukkan bagian kaki sebuah tabel.
Dalam penggunaannya, <tbody>
harus ditulis sebagai anak element dari <table>
atau lebih tepatnya terletak di dalam element <table>
setelah <caption>
, <colgroup>
dan <thead>
element.
Element <thead>
, <tbody>
dan <tfoot>
sangat berguna ketika menulis sebuah tabel yang panjang lebar dan lebih dari satu halaman, yang mana masing-masing halaman tersebut, table header dan footer-nya ikut terlampir (tertulis atau tercetak). Ketiga element itu tidak akan mempengaruhi layout sebuah table, akan tetapi, Anda dapat menggunakan CSS style untuk mengatur sesuai keinginan.
Attributes
Atribut HTML Tag <tbody>
Pada HTML5 <tbody>
tidak memiliki attribute khusus yang dapat digunakan, sedangkan didalam HTML 4.01 terdapat attribute align
, bgcolor
, char
, charoff
dan valign
. Attributes ini sudah usang dan tidak dipakai lagi didalam HTML5, sehingga tidak dibahas disini.
Global Attributes
Atribut Secara Global (Keseluruhan)
<tbody> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.
Event Attributes
Atribut event (Peristiwa)
<tbody> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.
Example
Contoh HTML <tbody>
element
Contoh <tbody>
element, dapat dilihat pada baris ke-14 sampai dengan baris ke-23.
<table>
<thead>
<tr>
<th>Bulan</th>
<th>Pendapatan Sampingan</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Jumlah</td>
<td>700000</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Agustus</td>
<td>300000</td>
</tr>
<tr>
<td>September</td>
<td>400000</td>
</tr>
</tbody>
</table>
Contoh Lengkap
Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo HTML tbody tag by:apacara.com</title>
<style></style>
</head>
<body>
<table>
<thead>
<tr>
<th>Bulan</th>
<th>Pendapatan Sampingan</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Jumlah</td>
<td>700000</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Agustus</td>
<td>300000</td>
</tr>
<tr>
<td>September</td>
<td>400000</td>
</tr>
</tbody>
</table>
</body>
</html>
SHARE