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.
Contoh:
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
| Nama | Id |
|---|---|
| Ramses | @farao |
| Shank | @redhair |
| Rahman | @tidak_tahu |
| Jumlah Pengguna | 4 |
Apa yang dimaksud dengan tfoot pada HTML?
BalasHapusTag 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.
HapusApa fungsi tag tfoot pada dokumen HTML?
BalasHapusTag 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.
HapusKapan harus menggunakan tag tfoot pada dokumen HTML?
BalasHapusTidak 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