Langsung ke konten utama

HTML Tag TH

Tag TH pada HTML digunakan untuk mengatur header cell dari tabel. Dua tipe dari tabel cell HTML diperlihatkan sebagai berikut:

  • satu, Header cell: digunakan untuk menahan informasi header.
  • dua, Standar cell: digunakan untuk menahan body data.

Cara kerja dari kedua tag th dan td adalah sama tetapi dengan teks properti yang berbeda, dimana pada teks th formatnya adalah bold dan rata tengah, sedangkan pada teks td formatnya secara default adalah regular dan rata kiri.

Sintak:
<th> Konten... </th>

Atribut: terdapat banyak atribut yang didukung penggunaannya pada HTML4.1 tetapi telah dihapus pada HTML5 seperti diperlihatkan sebagai berikut:
  1. abbr: atribut ini digunakan untuk membuat versi abbreviation dari teks konten pada cell header.
  2. align: mengatur perataan dari teks konten.
  3. axis: mengkategorisasi cell header.
  4. bgcolor: mengatur background color dari cell header.
  5. char: mengatur perataan dari konten cell header pada karakter.
  6. charoff: digunakan untuk mengatur angka dari karakter yang dilakukan perataan dari karakter yang ditentukan oleh atribut char. Nilai dari atribut tersebut adalah numeric form.
  7. colspan: Jumlah dari kolom cell headeri yang akan di span.
  8. headers: menentukan satu atau lebih cell header yang saling berkaitan.
  9. height: mengatur panjang dari cell header.
  10. nowrap: menentukan konten di dalam header cell yang tidak harus di wrap.
  11. rowspan: mengatur jumlah dari row cell header yang harus di span.
  12. scope: digunakan untuk menentukan angka dari konten header.
  13. sorted: digunakan untuk mengurutkan arah dari kolom.
  14. valign: digunakan untuk mengatur perataan vertikal dari teks konten.
  15. width: digunakan untuk mengatur lebar dari cell header.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Tag TH

</title>

 

<style>

body 

{

text-align:center;}

 

h1 

{

color:green;}

 

th 

{

color:blue;}

 

table, tbody, td 

{

border: 1px solid black;

border-collapse: collapse;}

</style>

</head>

 

<body>

 

<center>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Tag TH

</h2>

 

<table>

 

<thead>

<tr>

<th>Nama</th>

<th>User Id</th>

</tr>

</thead>

 

<tbody>

<tr>

<td>Luffy</td>

<td>@gold</td>

</tr>

 

<tr>

<td>Rogert</td>

<td>@Pirate</td>

</tr>

</tbody>

 

</table>

 

</center>

 

</body>

 

</html>

Output:

Blog Elfan

Tag TH

NamaUser Id
Luffy@gold
Rogert@Pirate

Komentar

  1. Apa yang dimaksud dengan tag th pada dokumen HTML?

    BalasHapus
    Balasan
    1. Tag TH pada dokumen HTML digunakan untuk mendefinisikan sel sebagai header dari sekelompok sel tabel. Sifat pasti dari grup tersebut ditentukan oleh atribut scope dan header pada tabel HTML.

      Hapus
  2. Apa fungsi dari tag th pada dokumen HTML?

    BalasHapus
    Balasan
    1. Tag TH pada dokumen HTML digunakan untuk mengatur sel header pada tabel. Dua jenis sel yang terdapat dalam tabel HTML adalah sel header dan sel standard. Sel header digunakan untuk menyimpan informasi header, sedangkan sel standar digunakan untuk menampung data yang tersusun secara sistematis antara baris dan kolom pada tabel html.

      Hapus
  3. Apa perbedaan antara tag TH, tag TR, dan tag TD pada tabel HTML?

    BalasHapus
    Balasan
    1. Tag TH mendefinisikan sel header dalam tabel yang ditampilkan sebagai teks tebal dan rata tengah. Tag TR mendefinisikan baris pada tabel dan minimal ada satu baris dalam sebuah tabel html. Tag TD digunakan untuk mendefinisikan sel standar dalam tabel yang ditampilkan sebagai teks rata kiri dengan bobot normal.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D