Tutorial Tabel HTML: Cara Membuat Tabel Header Kolom di Tabel HTML

membuat tabel header di html

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.

membuat tabel header di html

Baca juga ya..
PENTING!! 5 Hal yang Dapat Kita Lakukan untuk Membantu Aleppo
Yeeaahh! Indonesia Taklukan Thailand di Pertandingan Final Piala AFF 2016 Leg Pertama dengan Skor 2-1
Ini Dia Profil Dora Natalia Singarimbun, Ibu Ibu yang Cakar Polisi Saat Sedang Bertugas, Lengkap dengan Kronologis dan Video Kasusnya

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 >> Tutorial Tabel HTML: Cara Membuat Judul Tabel di Tabel HTML dengan Tag Caption

0 Komentar untuk "Tutorial Tabel HTML: Cara Membuat Tabel Header Kolom di Tabel HTML"