HTML tfoot tag | belajar <tfoot> element
Referensi Belajar HTML tfoot tag. Tutorial dan panduan mengenai element <tfoot>...</tfoot>
yang digunakan untuk konten bagian kaki (bawah) sebuah tabel. Mencakup pembahasan lebih detail dan lengkap yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <tfoot>.
Deskripsi
Penjelasan HTML tfoot tag
tfoot menunjukkan sebuah table foot atau bagian kaki (bawah) sebuah tabel (table element).
HTML <tfoot>
element digunakan untuk mengelompokkan konten yang terletak di kaki (bawah) sebuah tabel. Di dalam element <tfoot>
tersebut, harus ditulis element <tr>
yang menunjukkan table row atau baris sebuah table.
Dalam sebuah tabel, <tfoot>
element digunakan bersamaan dengan element <thead>
yang menunjukkan bagian kepala sebuah tabel dan <tbody>
yang menunjukkan konten atau isi tabel.
Dalam penggunaannya, <tfoot>
harus ditulis sebagai anak element dari <table>
atau lebih tepatnya terletak di dalam element <table>
setelah <caption>
, <colgroup>
dan <thead>
element atau sebelum <tbody>
dan <tr>
.
Element <tfoot>
, <tbody>
dan <tfoot>
sangat berguna ketika menulis sebuah tabel yang panjang lebar dan lebih dari satu halaman, yang mana masing-masing halaman tersebut, table header dan footer-nya ikut terlampir (tertulis atau tercetak). Ketiga element itu tidak akan mempengaruhi layout sebuah table, akan tetapi, Anda dapat menggunakan CSS style untuk mengatur sesuai keinginan.
Attributes
Atribut HTML Tag <tfoot>
Pada HTML5 <tfoot>
tidak memiliki attribute khusus yang dapat digunakan, sedangkan didalam HTML 4.01 terdapat attribute align
, bgcolor
, char
, charoff
dan valign
. Attributes ini sudah usang dan tidak dipakai lagi didalam HTML5, sehingga tidak dibahas disini.
Global Attributes
Atribut Secara Global (Keseluruhan)
<tfoot> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.
Event Attributes
Atribut event (Peristiwa)
<tfoot> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.
Example
Contoh HTML <tfoot>
element
Contoh <tfoot>
element, dapat dilihat pada baris ke-8 sampai dengan baris ke-13.
<table>
<thead>
<tr>
<th>Bulan</th>
<th>Pendapatan Bersih</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Jumlah</td>
<td>410000</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>September</td>
<td>210000</td>
</tr>
<tr>
<td>Oktober</td>
<td>200000</td>
</tr>
</tbody>
</table>
Contoh Lengkap
Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo HTML tfoot tag by:apacara.com</title>
<style></style>
</head>
<body>
<table>
<thead>
<tr>
<th>Bulan</th>
<th>Pendapatan Bersih</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Jumlah</td>
<td>410000</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>September</td>
<td>210000</td>
</tr>
<tr>
<td>Oktober</td>
<td>200000</td>
</tr>
</tbody>
</table>
</body>
</html>
SHARE