Cara Membuat Tabel Pada Blog

Posted by : Sarang_Kunti September 09, 2013

Tabel sangat diperlukan untuk memuat data dalam bentuk kolom-kolom. bagi sobat blogger. Agar tampilan data terlihat rapih dan tentu saja enak dilihat, berikut cara membuat tabel pada blog.

Untuk membuat tabel, sobat harus masuk dulu dalam mode HTML, dan biasanya memakai kode ..... Didalamnya juga bisa ditambahkan beberapa elemen sebagai berikut:

bgcolor, untuk menentukan warna background

bgcolor="kodewarna" (Untuk kode warna silahkan klik disini)

align, untuk menetukan tempat tulisan

align="left (Untuk rata kiri), center (Untuk rata tengah), right (Untuk rata kanan)"

cellpadding, mengatur jarak garis dengan isi tabel

cellpadding="Angka"

border, mengatur ketebalan garis tabel

border="Angka"

cellspacing, mengatur jarak antar cell

cellspacing="Angka"

width, mengatur lebar tabel

width="Angka"

height, mengatur tinggi tabel

height="Angka"

colspan, menggabungkan kolom dalam 1 baris

colspan="Angka"

rowspan, menggabungkan kolom dalam beberapa garis

rowspan="Angka"

Untuk lebih jelasnya

Membuat tabel dengan 1 baris dan 2 kolom

<table border="1">

<tr>

<td>Teks yang sobat tulis</td> <td>Teks yang sobat tulis</td>

</tr>

</table>

Hasilnya seperti ini:

Teks yang sobat tulis

Membuat tabel dengan 2 baris dan 2 kolom

<table border="1">

<tr>

<td>Teks yang sobat tulis</td> <td>Teks yang sobat tulis</td>

</tr>

<tr>

<td>Teks yang sobat tulis</td> <td>Teks yang sobat tulis</td>

</tr>

</table>

Hasilnya seperti ini:

Teks yang sobat tulis	Teks yang sobat tulis
Teks yang sobat tulis	Teks yang sobat tulis

Menggabungkan 2 kolom dalam 1 baris

<table border="1">

<tr>

<td align"center" colspan="2">Teks yang sobat tulis</td>

</tr>

<tr>

<td>Teks yang sobat tulis</td> <td>Teks yang sobat tulis</td>

</tr>

<tr>

<td>Teks yang sobat tulis</td> <td>Teks yang sobat tulis</td>

</tr>

</table>

Hasilnya seperti ini:

Kolom yang ingin dijadikan 1 baris
Teks yang sobat tulis	Teks yang sobat tulis
Teks yang sobat tulis	Teks yang sobat tulis

Menggabungkan kolom dalam beberapa garis

<table border="1">

<tr>

<td align="center" rowspan="2">2 kolom yang ingin digabungkan</td> <td>Teks yang sobat tulis</td>

</tr>

<tr>

<td>Teks yang sobat tulis</td>

</tr>

</table>

Hasilnya seperti ini

2 kolom yang ingin digabungkan	Teks yang sobat tulis
	Teks yang sobat tulis

Membuat tabel berwarna

<table border="1">

<tr>

<td align="center" colspan="2" bgcolor="#FF0000">Teks yang sobat tulis</td>

</tr>

<tr bgcolor="#FFFF00">

<td>Warna 1 baris</td> <td>Warna kuning</td>

</tr>

<tr>

<td bgcolor="#008000">Warna 1 kolom Hijau</td> <td bgcolor="#0000FF">Warna 1 kolom Biru</td>

</tr>

</table>