Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Penggunaan Tag Tbody pada HTML

Dipublikasikan Oleh: elfanmauludi 6 komentar
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.

4 Atribut Utama Penggunaan Tag Tbody pada HTML
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].

Sintak:
<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

NamaUser Id
Kingkong@gondola
Malta@nuke

Artikel ini didedikasikan kepada: Vivi Khoriyah, Wina Nisrina Nalini, Yoga Sakti Kurniawan, Afifa Eka Kencana, dan Agus Rifangga.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

6 komentar untuk "Penggunaan Tag Tbody pada HTML"

  1. AnonimSelasa, 13 Juli 2021 pukul 19.55.00 WIB

    Apa yang dimaksud dengan tbody pada dokumen HTML?

    BalasHapus
    Balasan
    1. AnonimSelasa, 13 Juli 2021 pukul 19.55.00 WIB

      Tag 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.

      Hapus
  2. AnonimSelasa, 13 Juli 2021 pukul 19.57.00 WIB

    Kapan harus menggunakan tag tbody pada tag table dalam dokumen HTML?

    BalasHapus
    Balasan
    1. AnonimSelasa, 13 Juli 2021 pukul 19.58.00 WIB

      Tidak 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.

      Hapus
  3. AnonimSelasa, 13 Juli 2021 pukul 20.01.00 WIB

    Atribut apa saja yang digunakan dalam tag tbody?

    BalasHapus
    Balasan
    1. AnonimSelasa, 13 Juli 2021 pukul 20.01.00 WIB

      1. align = atribut ini digunakan untuk perataan posisi teks baik itu rata kiri, rata kanan, rata tengah, ataupun rata kiri kanan (justify).
      2. 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.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -