Kamis, 30 Juli 2009

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 OperasiNama BankWilayah Kerja
2001BCABalikpapan
2002MandiriSangata
2003BRISamarinda
2004PermataBontang

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 OperasiNama BankWilayah Kerja
2001BCABalikpapan
2002MandiriSangata
2003BRISamarinda
2004PermataBontang

3 komentar:

KaNg aCep mengatakan...

pertamax berkunjung, ditunggu kunjyngan baliknya

ePulsa mengatakan...

blog walking boss...

Anonim mengatakan...

There is a huge variety to choose from if you think links of london outside the box with Non Diamond Wedding Rings. First option to consider is whether you want to links of london bracelet purchase white gold or yellow gold, most women have a preference and you do not want to links of london charms pick the wrong one.The decision about white or yellow gold behind you now you can links of london charms move forward to the determinations about the setting and the jewels to be placed on the hand of your future bride. Does she want to have her birthstone? Find out whichlinks of london watches month she was born in to figure out what stone is hers as each month is a different color.

Poskan Komentar

KLIK AJA DEH

EIMIMO

CASH111

PAYZA

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Bluehost Coupons