Penggunaan Tag Tbody pada HTML
Tag Tbody pada HTML digunakan untuk membuat kelompok dari tipe data yang sama dari konten elemen Body. Tag tersebut digunakan pada tabel dengan header dan footer yang lebih dikenal dengan istilah thead dan tfoot. Tag tbody merupakan tag child dari tag parent tr dan td.
Sintak:
<tbody> Konten tabel... </tbody>
 |
| Ilustrasi Tag Tbody HTML |
Sebelum memahami lebih dalam materi tentang Penggunaan Tag Tbody pada HTML, terlebih dahulu pelajari materi tentang: Membuat Tabel HTML Menggunakan Tag Table [klik], Membuat Rumus Pangkat Matematika pada HTML [klik], dan Memodifikasi Tampilan HTML Menggunakan Tag Style [klik].
<tbody> Konten tabel... </tbody>
Baca Juga:
Atribut: beberapa atribut penggunaannya didukung oleh tbody pada HTML4.1, tetapi tidak didukung oleh HTML5. Berikut daftar atribut yang diberikan:
- align: mengatur perataan dari konten.
- valign: mengatur perataan secara vertikal dari konten.
- char: mengatur perataan dari dalam tag Thead untuk tipe karakter.
- charoff: digunakan untuk mengatur karakter perataan konten di dalam tag Thead dari karakter yang didtentukan oleh atribut char.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Tag Tbody
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
th
{
color:blue;}
table, tbody, td
{
border: 1px solid black;
border-collapse: collapse;}
</style>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Tag Tbody
</h2>
<table>
<thead>
<tr>
<th>Nama</th>
<th>User Id</th>
</tr>
</thead>
<tbody>
<tr>
<td>Kingkong</td>
<td>@gondola</td>
</tr>
<tr>
<td>Malta</td>
<td>@nuke</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Output:Blog Elfan
Tag Tbody
| Nama | User Id |
|---|---|
| Kingkong | @gondola |
| Malta | @nuke |
Referensi Tambahan:
- Cara Mudah Mengatur dan Menampilkan Waktu Menggunakan Tag Time HTML [klik]
- Cara Mudah Membuat Judul pada Dokumen HTML Menggunakan Tag Title [klik]
- Cara Membuat Teletype Teks pada HTML Menggunakan Tag TT [klik]
- 2 Contoh Pembuatan Garis Bawah pada Teks Menggunakan Tag U HTML [klik]
- Penggunaan Tag Var untuk Membuat Variabel pada HTML [klik]
- Cara Menentukan Tipe File yang Diterima Server Atribut Accept HTML [klik]
- Cara Mendefinisikan Karakter Encoding Menggunakan Accept-charset HTML [klik]
Artikel ini didedikasikan kepada: Vivi Khoriyah, Wina Nisrina Nalini, Yoga Sakti Kurniawan, Afifa Eka Kencana, dan Agus Rifangga.
Apa yang dimaksud dengan tbody pada dokumen HTML?
BalasHapusTag Tbody pada dokumen html merupakan singkatan dari Table Body Element atau elemen badan tabel. Tag ini merangkum satu set baris tabel berupa elemen TR, yang menunjukkan bahwa tabel tersebut teridir dari tubuh atau body table.
HapusKapan harus menggunakan tag tbody pada tag table dalam dokumen HTML?
BalasHapusTidak ada standar kapan harus menggunakan tag tbody pada sebuah tabel dalam dokumen HTML. Dengan menggunakan beberapa elemen lain seperti Tbody, Thead, Tfoot, maka sebuah tabel dapat dikelompokkan tanpa perlu menggunakan ID atau class dan dapat memberikan lebih banyak izin penyesuaian style, seperti fixed header dan scroll pada bagian body table.
HapusAtribut apa saja yang digunakan dalam tag tbody?
BalasHapus1. align = atribut ini digunakan untuk perataan posisi teks baik itu rata kiri, rata kanan, rata tengah, ataupun rata kiri kanan (justify).
Hapus2. char = atribut ini berisi nilai karakter pada valuenya.
3. charoff = atribut ini memiliki nilai dalam satu pixel atau %.
4. valign = atribut ini digunakan untuk melakukan perataan posisi teks yang berada dibagian atas, bawah, dan tengah.