tRikSonic
Tema

HTML th Tag

Terakhir diperbarui : 22 Mei 2018 - 07.32

Tutorial HTML <th>

Element HTML th mendefinisikan sebagai header cell, secara default element ini mempunyai efek tampilan dengan teks tebal dengan posisi berada ditengah.
html th

Contoh HTML <th>

Contoh 1 :
<table>
  <tr>
    <th>Nama</th>
    <th>Umur</th>
  </tr>
  <tr>
    <td>Andi</td>
    <td>13 Tahun</td>
  </tr>
  <tr>
    <td>Novy</td>
    <td>14 Tahun</td>
  </tr>  
</table>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
<style>
table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    border: 1px solid silver;
    padding: 8px;
}
</style>
</head>
<body>

<table>
  <tr>
    <th>Nama</th>
    <th>Umur</th>
  </tr>
  <tr>
    <td>Andi</td>
    <td>13 Tahun</td>
  </tr>
  <tr>
    <td>Novy</td>
    <td>14 Tahun</td>
  </tr>  
</table>

</body>
</html>
Contoh 2 :
<table>
  <thead>
    <tr>
      <th>Nama</th>
      <th>Umur</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Andi</td>
      <td>13 Tahun</td>
    </tr>
    <tr>
      <td>Novy</td>
      <td>14 Tahun</td>
    </tr> 
  </tbody>
</table>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
<style>
table, th, td {
    border: 1px solid silver;
}
</style>
</head>
<body>

<table>
  <thead>
    <tr>
      <th>Nama</th>
      <th>Umur</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Andi</td>
      <td>13 Tahun</td>
    </tr>
    <tr>
      <td>Novy</td>
      <td>14 Tahun</td>
    </tr> 
  </tbody>
</table>

</body>
</html>

Attribute HTML <th>

AttributeValueKeterangan
abbrTeksAttribute ini tidak support pada HTML 5.
Attribute ini digunakan untuk memberikan keterangan singkatan dari kontent yang ada didalam element <th>
alignleft
right
center
justify
char
Attribute ini tidak support pada HTML 5.
Attribute ini digunakan untuk keselarasan atau posisi.
axisJenis kategoriAttribute ini tidak support pada HTML 5.
Attribute ini digunakan untuk menambahkan kategori pada element <th>.
bgcolorKode warnaAttribute ini tidak support pada HTML 5.
Attribute ini digunakan untuk menentukan warna latar / background
charKarakterAttribute ini tidak support pada HTML 5.
Attribute ini digunakan untuk menentukan karakter agar selaras antara cell dengan kolom.

Attribute ini tidak support untuk browser terkenal manapun
charoffAngkaAttribute ini tidak support pada HTML 5.
Attribute ini digunakan digunakan untuk menentukan jumlah karakter dan sebagai kontrol dari attribute char.

Attribute ini tidak support untuk browser terkenal manapun
colspanAngkaAttribute ini digunakan untuk memperpanjang kolom cell.
headersheader_idAttribute ini digunakan jika element <th> yang satu dengan yang lainnya terpisah atau berbeda element <tr> sebagai pembungkusnya.
heightpixels
%
Attribute ini tidak support pada HTML 5.
Digunakan untuk menentukan tinggi element
nowrapnowrapAttribute ini tidak support pada HTML 5.
Attribute ini digunakan untuk menentukan apakah teks didalam element <th> akan dijatuhkan atau tidak.
rowspannumberAttribute ini digunakan untuk melipat cell
scopecol
colgroup
row
rowgroup
Attribute ini digunakan untuk menentukan apakah cell diperuntukkan untuk kolom, baris, grup kolom atau grup baris.
valigntop
middle
bottom
baseline
Attribute ini tidak support pada HTML 5.
Attribute ini digunakan untuk menentukan keselarasan teks pada setiap baris cell
widthpixels
%
Attribute ini tidak support pada HTML 5.
Attribute ini digunakan untuk menentukan lebar element <th>.

Global Attributes:

Element <th> mencakup Global Attributes HTML.

Event Attributes:

Element <th> mencakup Event Attributes HTML.

Browser Support HTML <th>

Desktop
ElementChromeSafariFirefoxOperaIEEdge
<th>1Ya1YaYaYa
Mobile
ElementAndroid webviewChrome AndroidEdge mobileFirefox AndroidIE mobileOpera AndroidiOS Safari
<th>YaYaYa4YaYaYa

Default CSS :

Browser yang support dengan element <th>, mempunyai nilai default :
th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
}
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.