MEMBUAT TABEL DALAM ARTIKEL

Membuat tabel dalam artikel atau posting sebagian orang banyak menyukai, karena selain dapat menampilkan informasi yang lebih rapi dan mudah dibaca bagi pengunjung, ini merupakan salah satu point agar pengunjung bisa lebih banyak.

Misalnya saja Anda ingin membuat tabel dengan contoh berikut ini

Tahun Mulai Operasi Nama Bank Wilayah Kerja

2001 BCA Balikpapan
2002 Mandiri Sangata
2003 BRI Samarinda
2004 Permata Bontang

Bentuk teks masih belum teratur dan kelihatan rapat satu sama lain.



Bagaimana kalau ingin menampilkan sebuah tabel seperti ilustrasi tersebut diatas, maka dapat menggunakan kode berikut
<table>
<tr><td>X</td><td>Y</td><td>Z</td></tr>
<tr><td>X1</td><td>Y1</td><td>Z</td></tr>
<tr><td>X2</td><td>Y2</td><td>Z</td></tr>
<tr><td>X3</td><td>Y3</td><td>Z</td></tr>
<tr><td>X4</td><td>Y4</td><td>Z</td></tr>
</table>

Sekarang mari mulai mengganti variabel-variabel yang terdapat pada kode tersebut diatas dengan cara berikut

Variabel X = Untuk judul pada kolom pertama (Tahun Mulai Operasi)
Variabel Y = Untuk judul pada kolom kedua (Nama bank)
Variabel Z = Untuk judul pada kolom ketiga (Wilayah Kerja)
Variabel X1, X2, X3, X4 = Isi pada kolom X (2001,2002,2003,2004)
Variabel Y1, Y2, Y3, Y4 = Isi pada kolom Y (BCA, Mandir, BRI, Permata)
Variabel Z1, Z2, Z3, Z4 = Isi pada kolom Z (Balikpapan, Sangata, Samarinda, Bontang)

Seandainya sobat ingin menambahkan lagi kode-kode lagi pada kolom dan baris berikutnya pada tabel, bisa ditambahkan dengan bentuk format kode-kode tabel yang sama. Anda dapat menambah sebanyak yang diinginkan, Pokoknya semua bisa ditambah atau dikurangi.
Setelah semua variabel sudah dimasukan maka jadi seperti ini :

<table>
<tr><td>Tahun Mulai Operasi</td><td>Nama Bank</td><td>Wilayah Kerja</td></tr>
<tr><td>2001</td><td>BCA</td><td>Balikpapan</td></tr>
<tr><td>2002</td><td>Mandiri</td><td>Sangata</td></tr>
<tr><td>2003</td><td>BRI</td><td>Samarinda</td></tr>
<tr><td>2004</td><td>Permata</td><td>Bontang</td></tr>
</table>

Hasilnya seperti berikut ini :

Tahun Mulai Operasi	Nama Bank	Wilayah Kerja
2001	BCA	Balikpapan
2002	Mandiri	Sangata
2003	BRI	Samarinda
2004	Permata	Bontang

Dilihat hasil sudah terlihat teks-teks tersebut telah terpisah dan lebih rapi, namun garis tabel tidak begitu tampak jelas yang memisahkan masing-masing teks.
Jika Sobat ingin menambahkan warna untuk garis pada tabel serta dengan background berwarna, maka dapat ditambahkan kode di bagian atas dari kode table tersebut.

<table width="420" border="2" cellspacing="1" cellpading="2"
bg color="#E0ECF8">

Anda dapat mengganti variabel tersebut disesuaikan dengan keperluan dengan ketentuan seperti berikut ini.

Width"420"= Ukuran lebar tabel dalam satuan Pixel ( lebar dapat disesuaikan)
Border"2" = Ukuran ketebalan garis tabel ( angka semakin besar makin tebal)
Spacing = Ukuran jarak antar kolom, agar tulisan pada tabel mudah dibaca ( angka semakin besar semakin lebar jarak kolom)
Padding = Ukuran jarak antara isi kolom satu dengan kolom lainnya, agar masing-masing kolom tidak menyatu ( angka semakin besar semakin lebar jarak kolom)
Bgcolor = Warna pilihan dari latar belakang tabel (contoh :#f3f781 = kuning)
Untuk pilihan warna dapat di klik disini

Nah dengan penambahan kode tersebut diatas, maka tampilan tabel akan kelihatan berwarna pada latar belakangnya

Tahun Mulai Operasi	Nama Bank	Wilayah Kerja
2001	BCA	Balikpapan
2002	Mandiri	Sangata
2003	BRI	Samarinda
2004	Permata	Bontang

Posted in: Blogspot Tutorial