4 Atribut Utama Penggunaan Tag Tfoot pada HTML
Sintak:
<tfoot> Konten table footer... </tfoot>
- 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.
<!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