Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Footer HTML Menggunakan 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.


4 Atribut Utama Penggunaan Tag Tfoot pada HTML
Ilustrasi Tag Tfoot HTML

Sebelum memahami lebih dalam materi tentang Membuat Footer HTML Menggunakan Tag Tfoot, terlebih dahulu pelajari materi tentang: Membuat Template HTML Beserta Fungsinya [klik], Penggunaan Tag Tbody pada HTML [klik], dan Membuat Tabel HTML Menggunakan Tag Table [klik].

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

Artikel ini didedikasikan kepada: Yoga Sakti Kurniawan, Afifa Eka Kencana, Agus Rifangga, Annisa Puspa Dina, dan Aqil Amirul Muafa.

6 komentar untuk "Membuat Footer HTML Menggunakan Tag Tfoot"

  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

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 -