4 Atribut Utama Penggunaan Tag Tfoot pada HTML

Tag tfoot pada HTML digunakan untuk membuat kelompok footer dari konten yang tersedia pada dokumen html. Tag ini digunakan pada tabel dengan header dan body yang dikenal dengan istilah thead dan tbody. Tag tfoot merupakan tag child dari tag table dan merupakan tag parent dari tag tr dan tag td.

Sintak:
<tfoot> Konten table footer... </tfoot>

Atribut: tag tfoot mengandung banyak atribut yang didukung pada HTML4.1 tetapi sudah tidak didukung lagi penggunaannya pada HTML5.

  • align: digunakan untuk mengatur perataan teks konten.
  • valign: digunakan untuk mengatur perataan vertikal dari teks konten.
  • char: melakukan perataan konten pada header sel untuk karakter.
  • charoff: digunakan untuk mengatur angka dari karakter yang akan diratakan dari karakter tertentu oleh atribut char. Nilai dari atribut tersebut adalah numerik.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Tag Tfoot

</title>

 

<style>

h1 

{

color:green;}

 

tfoot 

{

color:blue;}

 

table, tbody, td 

{

border: 1px solid black;

border-collapse: collapse;}

</style>

</head>

 

<body>

 

<center>

<h1>

Blog Elfan

</h1>

 

<h2>

Tag Tfoot

</h2>

 

<table >

 

<thead>

<tr>

<th>Nama</th>

<th>Id</th>

</tr>

</thead>

 

 

<tbody>

 

<tr>

<td>Ramses</td>

<td>@farao</td>

</tr>

 

<tr>

<td>Shank</td>

<td>@redhair</td>

</tr>

 

<tr>

<td>Rahman</td>

<td>@tidak_tahu</td>

</tr>

</tbody>

 

 

<tfoot>

<tr>

<td>Jumlah Pengguna</td>

<td>4</td>

</tr>

</tfoot>

 

</table>

 

</center>

 

</body>

 

</html>

Output:

Blog Elfan

Tag Tfoot

NamaId
Ramses@farao
Shank@redhair
Rahman@tidak_tahu
Jumlah Pengguna4

Komentar

  1. Apa yang dimaksud dengan tfoot pada HTML?

    BalasHapus
    Balasan
    1. Tag Tfoot pada HTML digunakan untuk mengelompokkan konten footer dalam tabel HTML. Elemen Tfoot digunakan bersama dengan elemen Thead dan Tbody untuk menentukan setiap bagian dari tabel footer, header, dan body. Browser dapat menggunakan elemen tersebut untuk mengaktifkan scroll body tabel secara independen dari header dan footer.

      Hapus
  2. Apa fungsi tag tfoot pada dokumen HTML?

    BalasHapus
    Balasan
    1. Tag Tfoot pada HTML digunakan untuk mendefinisikan kumpulan baris atau row yang mewakili footer dari tabel html. Tag tersebut harus berisi minimal satu atau lebih elemen tr pada suatu tabel dalam dokumen HTML.

      Hapus
  3. Kapan harus menggunakan tag tfoot pada dokumen HTML?

    BalasHapus
    Balasan
    1. Tidak ada standar khusus kapan harus menggunakan tfoot pada tabel html. Hanya saja dengan menggunakan tag tfoot tersebut pada tag table HTML, maka akan membantu dalam penyesuaian style seperti fixed header atau scroll.

      Hapus

Posting Komentar

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

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

6 Contoh Program Method Overloading pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C

3 Jenis Utama Teks Komentar pada Bahasa Pemrograman Java