BELAJAR HTML : MEMBUAT TABEL

A. Tag pada Tabel HTML

Tag yang digunakan dalam membuat tabel adalah tag <table> … </table>
Dalam membuat tabel HTML, dibutuhkan beberapa kode tag yang berfungsi sebagai pembentuk tabel

• Header Tabel ditunjukkan dengan tag <thead> … </thead>
• Body tabel ditunjukkan dengan tag <tbody> … </tbody>
• Menambah baris pada tabel digunakan <tr> … </tr>
• Menambah data pada header <th> … </th>
• Menambah data pada body <td> … </td>

Atribut pada tabel

• Cellspasing : Untuk menentukan jarak antar cell
• Callpadding : Menentukan jarak isi cell dengan pasir
  • Width :

Berikut beberapa contoh tabel dan kode yang digunakan untuk membuatnya.

Tabel 1 : membuat 2 baris 2 kolom

A1	B1
A2	B2

Lihat code

Tabel 2: membuat 6 baris 3 kolom

A1	B1	C1
A2	B2	C2
A3	B3	C3
A4	B4	C4
A5	B5	C5
A6	B6	C6

Lihat code

Tabel 3 : Menggabungkan baris dengan merge cell

Merge cell merupakan fungsi untuk menggabungkan beberapa sel menjadi satu. Fungsi ini dapat menggabungkan beberapa baris atau kolom menjadi satu. Untuk menggabungkan baris digunakan rowspan dan untuk menggabungkan kolom digunakan colspan.

A1	B1	C1
A2	B2	C1+C3
A3	B3

Keterangan :
rowspan=”2″ : menggabungkan dua baris menjadi 1 sel.
Lihat code

Tabel 4 : Menggabungkan kolom dengan merge cell

A1	B1+C1
A2	B2	C2
A3	B3	C3

Colspan=”2″ : menggabungkan dua kolom menjadi satu sel.
Lihat code