Beberapa kode untuk membuat tabel dengan HTML, yaitu sebagai berikut :
| Kode | Fungsi |
|---|---|
| <table> ... </table> | Kode untuk mengawali dan mengakhiri dalam pembuatan tabel |
| <th> ... </th> | Kode untuk membuat table heading (kepala tabel) |
| <tr> ... </tr> | Kode untuk membuat baris record data yang terdapat pada tabel |
| <td> ... </td> | Kode untuk membuat kolom-kolom dalam baris record data tabel |
| bgcolor="" | Kode untuk memberi warna pada baground / shading tabel |
| border="" | Kode untuk memberi batas border pada tabel |
| bordercolor="" | Kode untuk memberi warna pada border/batas tabel |
| cellpadding="" | Kode untuk merubah/memperbesar ukuran sel dalam tabel |
| cellspacing="" | Kode untuk merubah/memberbesar jarak border pada tabel |
| width="" | Kode untuk merubah ukuran lebar sel/kolom dalam tabel |
| align="" | Kode untuk mengatur letak (align) teks dalam sel |
Masih banyak kode yang lain, untuk pengaturan format dalam pembuatan tabel.
Ayo kita mencoba membuat tabel dengan kode berikut ini :
<table border="1" bordercolor="#333333" cellpadding="10" cellspacing="5">
<tr><th bgcolor="#99FF33" width="120px" align="center">Judul Kolom 1</th>
<th bgcolor="#99FF33" width="120px" align="center">Judul Kolom 2</th></tr>
<tr><td align="center">baris 1 kolom 1</td><td>Baris 1 Kolom 2</td></tr>
</table>
Hasilnya :
| Judul Kolom 1 | Judul Kolom 2 |
|---|---|
| baris 1 kolom 1 | Baris 1 Kolom 2 |
Mencoba yang lain, membuat tabel dengan background berwarna :
<table border="2" bordercolor="#333333" bgcolor="#FFFF99">
<tr><th bgcolor="#99FF33" width="120px" align="center">Judul Kolom 1</th>
<th bgcolor="#99FF33" width="120px" align="center">Judul Kolom 2</th><th bgcolor="#99FF33" width="120px" align="center">Judul Kolom 3</th></tr>
<tr><td align="center">baris 1 kolom 1</td><td>Baris 1 Kolom 2</td><td>Baris 1 Kolom 3</td></tr>
<tr><td align="center">baris 2 kolom 1</td><td>Baris 2 Kolom 2</td><td>Baris 2 Kolom 3</td></tr>
</table>
Hasilnya :
| Judul Kolom 1 | Judul Kolom 2 | Judul Kolom 3 |
|---|---|---|
| baris 1 kolom 1 | Baris 1 Kolom 2 | Baris 1 Kolom 3 |
| baris 2 kolom 1 | Baris 2 Kolom 2 | Baris 2 Kolom 3 |
Mencoba menggabungkan sel pada tabel :
<table border="2" bordercolor="#333333" bgcolor="#FFFF99">
<tr><th width="120" rowspan="2" align="center" bgcolor="#99FF33">Judul1</th>
<th colspan="2" align="center" bgcolor="#99FF33">Judul2</th></tr>
<tr><td width="120" bgcolor="#99FF33">Baris 1 Kolom 2</td><td width="120" bgcolor="#99FF33">Baris 1 Kolom 3</td></tr>
<tr><td align="center">baris 2 kolom 1</td><td>Baris 2 Kolom 2</td><td>Baris 2 Kolom 3</td></tr>
</table>
Hasilnya :
| Judul1 | Judul2 | |
|---|---|---|
| Baris 1 Kolom 2 | Baris 1 Kolom 3 | |
| baris 2 kolom 1 | Baris 2 Kolom 2 | Baris 2 Kolom 3 |
Nah... demikian sedikit tutorial dalam membuat tabel, silahkan pembaca mencobanya.... Semoga sedikit tutorial ini bermanfaat untuk pembaca sekalian.....
