Tag Thead HTML dan Fungsinya
Tag thead pada HTML digunakan untuk memberi header kelompok dari konten pada body dokumen. Tag ini digunakan pada tabel HTML sebagai head dari body yang dikenal juga dengan istilah thead dan tbody.
Sintak:
<thead> Konten...</thead>
Atribut:
 |
| Ilustrasi Tag Thead HTML |
Sebelum memahami lebih dalam materi tentang Tag Thead HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Membuat Teks HTML Bold Rata Tengah Menggunakan Tag TH [klik], Membuat Footer HTML Menggunakan Tag Tfoot [klik], dan Membuat Template HTML Beserta Fungsinya [klik].
<thead> Konten...</thead>
- align: digunakan untuk mengatur perataan dari teks konten.
- valign: digunakan untuk mengatur perataan vertikal dari teks konten.
- char: digunakan untuk mengatur perataan dari konten pada elemen thead untuk karakter.
- charoff: digunakan untuk mengatur jumlah karakter yang akan dirataan dari karakter tertentu oleh atribut char. Nilai dari atribut tersebut adalah numerik form.
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Tag Thead
</title>
<style>
h1
{
color:green;}
thead
{
color:blue;}
table, tbody, td
{
border: 1px solid black;
border-collapse: collapse;}
</style>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Tag Thead
</h2>
<table>
<thead>
<tr>
<th>Nama</th>
<th>Id</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ramses</td>
<td>@firaun</td>
</tr>
<tr>
<td>Yusuf</td>
<td>@thegreat</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Output:Blog Elfan
Tag Thead
| Nama | Id |
|---|---|
| Ramses | @firaun |
| Yusuf | @thegreat |
Referensi Tambahan:
- Penggunaan Tag Var untuk Membuat Variabel pada HTML [klik]
- Cara Menentukan Tipe File yang Diterima Server Atribut Accept HTML [klik]
- Cara Mendefinisikan Karakter Encoding Menggunakan Accept-charset HTML [klik]
- 12 Cara Akses Pintasan Menggunakan Atribut Accesskey pada HTML [klik]
- 2 Nilai Utama pada Penggunaan Atribut Action HTML [klik]
- 2 Contoh Program Penggunaan Atribut Autofocus pada HTML [klik]
- 2 Contoh Program Penggunaan Atribut Charset pada HTML [klik]
Artikel ini didedikasikan kepada: Agus Rifangga, Annisa Puspa Dina, Aqil Amirul Muafa, Bayu Ari Pratama Aji, dan Bernadus Bryan Ryantoni Mahardika.
Apa yang dimaksud dengan tag thead pada dokumen HTML?
BalasHapusTag < thead > pada HTML digunakan untuk mengelompokkan konten header dalam tabel HTML. Tag tersebut digunakan bersama dengan tag Tbody dan tag Tfoot untuk menentukan setiap bagian dari tabel mulai dari header, body, dan footer. Browser dapat menggunakan elemen ini untuk mengaktifkan scroll tabel secara independen dari header dan footer pada dokumen html.
HapusApa perbedaan antara tag Thead dan TH pada dokumen html?
BalasHapusThead pada dasarnya adalah sebuah kotak yang digunakan untuk menahan heading user untuk tabel pada dokumen HTML. Tag ini digunakan bersama dengan tbody dan tfoot untuk membentuk keseluruhan tabel header, body, dan footer. Sedangkan tag TH adalah elemen heading tunggal yang terdapat pada dokumen HTML.
HapusApakah penggunaan tag Thead pada HTML adalah wajib?
BalasHapusMenggunaan tag Thead pada dokumen html bukan merupakan suatu keharusan, tetapi user dapat mengalami masalah jika tidak ditambahkan, seperti pada penggunaan JavaScript untuk mereferensikan atau memanipulasi DOM.
Hapus