Membuat Tabel dalam HTML

Syntax:

<table>

<tr>

<th>Judul Kolom</th><th>Judul Kolom</th>

</tr>

<tr>

<td>data baris 1 kolom 1</td><td>data 1 kolom 2</td>

</tr>

<tr>

<td>data baris 2  kolom 1</td><td>data baris 2 kolom 2</td>

</tr>

</table>

Keterangan:

  • tr adalah singkatan dari table rows yaitu baris-baris tabel
  • th adalah singkatan dari table heading yaitu judul-judul untuk setiap kolom.
  • td adalah singkatan dari table data yaitu data yang kita isi dalam baris tabel.

Contoh:

Buatlah sebuah file HTML bernama tabel.html dengan isi seperti berikut ini:

<table border="1">

<tr>

<th>Golongan</th><th>Gaji Pokok</th><th>Tunjangan istri</th>

</tr><tr>

<td>1</td><td>Rp. 1.500.000</td><td>Rp. 100.000</td>

</tr><tr>

<td>2</td><td>1.750.000</td><td>Rp. 100.000</td>

</tr>

</table>

Keterangan:

border="1" digunakan untuk memberikan garis pembatas pada semua elemen tabel dengan ketebalan 1px.

Hasil:

Kliklah 2x nama filemu maka pada browser akan tampil seperti berikut ini:

GolonganGaji PokokTunjangan istri
1Rp. 1.500.000Rp. 100.000
21.750.000Rp. 100.000
2016 © Fahmi Basya Kartapura