Langsung ke konten utama

HTML Tag Tfoot

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.

  • satu, align: digunakan untuk mengatur perataan teks konten.
  • dua, valign: digunakan untuk mengatur perataan vertikal dari teks konten.
  • tiga, char: melakukan perataan konten pada header sel untuk karakter.
  • empat, 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, so please be patient :D