Cara Membuat Tabel dan Kolom Blog

Untuk membuat tabel data  kode HTML nya adalah sebagai berikut :

<table border="1" summary="Table"><colgroup> <col></col> <col></col> </colgroup> <thead> <tr> <th>Kolom Pertama (1 a)</th> <th>Kolom Kedua (1 b)</th> </tr> </thead> <tbody> <tr> <td>2 a</td> <td>2 b</td> </td> </tr> </tr> </tbody> </table>



Untuk memudahkan dalam penyampaian saya akan membuat Kode Kolom agar rekan-rekan lebih bisa memahami apa yang saya sampaikan, simak dibawah ini:

1. Kolom Pertama baris pertama saya singkat ( 1a )
2. Kolom Pertama baris kedua ( 1b )
3. Kolom Kedua baris pertama ( 2a )
4. Kolom kedua baris kedua ( 2b )
begitu dan seterusnya...

Dan untuk menambah baris kebawahnya anda tinggal menambahkan kode lagi seperti berikut

<tr>
<td>3 a</td>   
<td>3 b</td>
</td>

Loh mas saya pengennya tiga kolom gimana? Ya anda tinggal menambahkan kode

<th>Kolom Ketiga (1 c)</th>

Letakkan persis di bawah kode 

<th>Kolom Kedua(1 b)</th>  

Dan nanti jadinya akan seperti ini:

<tr>
<th>Kolom Pertama (1 a)</th>
<th>Kolom Kedua (1 b)</th>

<th>Kolom Ketiga (1 c)</th>
</tr> 

Begitu juga kolom dibawahnya juga menyesuaikan dengan menambah kode

 

<tr>
<td>3 a</td>   
<td>3 b</td>
<td>3 c</td> 
</td>

Sehingga dari keseluruhan kode-kode diatas akan jadi form seperti dibawah ini :

Kolom Pertama (1 a)	Kolom Kedua (1 b)
2 a	2 b

Dan bila ditambahkan kode yang berwarna biru akan menjadi seperti ini :

Kolom Pertama (1 a)	Kolom Kedua (1 b)	Kolom Ketiga (1 c)
2 a	2 b	2 c

Dan seterusnya sesuai kebutuhan....

 

Sumber