Home » Coding » Tutorial HTML » Cara Membuat Tabel Header HTML

Cara Membuat Tabel Header HTML

Sebelumnya kita sudah membahas deprecated tag. Sekarang, kita lanjut membahas cara membuat tabel header HTML. Berikut panduan selengkapnya yang AneIqbal sajikan.

Dalam sebuah tabel yang berisi data-data, biasanya terdapat judul di masing-masing kolomnya untuk memberikan keterangan data tersebut. Judul di tabel ini dikenal dengan nama tabel header kolom.

Untuk membuatnya, HTML menyediakan tag khusus yakni tag <th> yang letaknya diapit oleh tag <tr>. Tabel header kolom ditampilkan dengan huruf cetak tebal untuk membedakannya dengan data yang ada pada suatu tabel.

Markicob, gan. Mari kita coba.

Buat kode HTML seperti ini.

<!DOCTYPE html>
<html>
  <head>
    <title>Membuat tabel header di HTML</title>
  </head>
  <body>
    <table border="1" cellpadding="1" cellspacing="1">
      <tr>
        <th>No.</th>
        <th>Nama</th>
        <th>Hobi</th>
      </tr>
      <tr>
        <td>1.</td>
        <td>Ane</td>
        <td>Baca buku</td>
      </tr>
      <tr>
        <td>2.</td>
        <td>Iqbal</td>
        <td>Maen bola</td>
      </tr>
    </table>
  </body>
</html>

Simpan kode tersebut. Lalu, jalankan dengan web browser. Seperti ini jadinya.

tabel header html
tabel header html

Lihat, tabel header kolom akan tampil berbeda dengan data-data yang ada. Tabel header kolom tampil dengan huruf bercetak tebal.

Seperti itulah cara membuat tabel header kolom di tabel HTML. Nggak sulit, kan? Tinggal praktikkan saja.

Selanjutnya >> Cara Membuat Judul Tabel HTML dengan Tag Caption.

Share yuk, ke:

Leave a Comment