Belajar HTML untuk pemula (bagian 3)

Bentuk HTML tabel pada dasarnya adalah seperti berikut

<table>
<tr>
<td>kolom1 </td><td>kolom2 </td>
</tr>
<tr>
<td>kolom1 </td><td>kolom2 </td>
</table>

Penjelasan

<tabel>dan </tabel>adalah merupakan batasan area HTML untuk tabel.
<tr>dan </tr>menyatakan batasan untuk sebuah baris dalam table.

<td>dan </td>adalah batasan untuk data dalam sebuah sel tabel, pada bentuk penulisan HTML di atas pada kata "kolom1" dan "kolom2" yang pertama menyatakan posisi sel kolom1 baris1 dan kolom2 baris1 sedangkan untuk kata "kolom1" dan "kolom2" yang kedua adalah menyatakan posisi sel berada pada kolom1 baris2 dan kolom2 baris2.

Contoh

<table border="1">
<tr>
<td>baris1 kolom1 </td>
<td>baris1 kolom2 </td>
</tr>
<tr>
<td>baris2 kolom1 </td>
<td>baris2 kolom2 </td>
</tr>
<tr>
<td>baris3 kolom1 </td>
<td>baris3 kolom2 </td>
</tr>
Penambahan border="1" adalah dengan maksud memberikan batasan antar setiap sel dengan sbuah garis atau tabel bergaris, jika tabel dibuat tidak bergaris maka tinggal menghilangkan penulisan border. Angka 1 pada kata border="1" menyatakan nilai atau ukuran garis pada tabel tersebut, semakin besar nilainya maka semakin besar pula garisnya.

ketiklah contoh di atas pada notepad kemudian simpan dengan nama file latihan3.html dan coba jalankan dari browser pada komputer anda.

Hasilnya jika di jalankan pada browser akan terlihat seperti di bawah ini :