Cara membuat tabel pada postingan blog

Rock It!

Banyak diantara kita yang merasa bingung katika harus membuat tabel pada blog kita.sementara pada fasilitas posting tidak menyediakannya.
berikut sedikit penjelasan soal pembuatan tabel pada blog. semoga bermanfaat ya ...

<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>

Contohnya kaya gini gan :

Untuk mempermudah, saya ganti seperti ini saja gan, simak dibawah ini:

1. Kolom Pertama baris pertama saya singkat ( 1-a )
2. Kolom Pertama baris kedua ( 1-b )
3. Kolom Kedua baris pertama ( 2-a )
4. Kolom kedua baris kedua ( 2-b )
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>

Kalo mau membuat 3 kolom jadi ditambahi seperti ini gan :

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

letakkan dibawah kode

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

sehingga penampakannya jadi seperti ini :

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

juga pada script kolom dibawahnya berubah jadi seperti ini :

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

kalau dalam tabel itu ingin ditambah dengan gambar, maka kodenya harus diubah seperti ini :

<table border="1">
<tr>
<td>(Gambar 1)</td> <td>(Gambar 2)</td>
</tr>
<tr>
<td><img src="(alamat gambar/text)" /></td> <td><img src="(alamat gambar)" /></td>
</tr>
</table>

Contohnya adalah sebagai berikut :

User ID	Gambar
Ngatmow Prawierow

Posted in: blogging