Membuat tabel Dengan Marge Cell di HTML

Posted on 2/13/2014 by Harley Daoelay with No comments

Cara Membuat Tabel dengan Marge Cell Di HTML.

Ketikkan Kode Berikut :
<table border="1" cellpadding="5px"> <tr> <td bgcolor="#ededed" rowspan="2">Baris 1 dan 2 kolom 1</td> <td bgcolor="#ff2" colspan="3" align="center">Baris 1 kolom 2,3 dan 4</td> </tr> <tr> <td bgcolor="#f00">Baris 2 kolom 2</td> <td bgcolor="#cacaff">Baris 2 kolom 3</td> <td bgcolor="#31ff55">Baris 2 kolom 4</td> </tr> <tr> <td bgcolor="#00ced1">Baris 3 kolom 1</td> <td bgcolor="#00ce00">Baris 3 kolom 2</td> <td bgcolor="#34ed78">Baris 3 kolom 3</td> <td bgcolor="#606060">Baris 3 kolom 4</td> </tr> </table> <br>


Maka Hasilnya Akan Seperti Dibawah Ini :

Baris 1 dan 2 kolom 1	Baris 1 kolom 2,3 dan 4
	Baris 2 kolom 2	Baris 2 kolom 3	Baris 2 kolom 4
Baris 3 kolom 1	Baris 3 kolom 2	Baris 3 kolom 3	Baris 3 kolom 4

Penjelasan :
- border : mengatur tebal garis tabel.
- cellpadding : mengatur jarak antara garis dengan konten didalamnya.
- bgcolor : mengatur warna latar belakang.
- colspan : menggabungkan antara kolom.
- rowspan : menggabungkan antara baris.