Cara Menggunakan Tabel dalam Postingan Blog. Kalau yang ini asli sop, ga usah ragu, bukan artikel punya mama, paman ataupun ayah. Kita akan diajak mengenal format dasar sebuah Tabel. Tabel bisa disebut sebuah alat untuk menampilkan informasi dalam bentuk matriks. Tabel juga diartikan daftar. Dalam penulisan sebuah postingan blog seringkali kita butuh Tabel untuk mengorganisasikan data dalam struktur tabulator. Masalah Tabel ini mungkin saja nantinya, pembahasan ini akan merembet pada Cara Membuatan Frame.
Format sebuah Tabel sebenarnya cukup sederhana, akan tetapi akan menjadi rumit karena sifat struktur aslinya. Meski sederhana tetapi aturan mainya harus benar-benar di ikuti, seperti penggunaan tag-tag yang lain. Sebuah Tabel bisa dimulai dengan tag <table> dan diakhiri dengan tag </table>. Setiap Baris Tabel dibentuk dengan tag <tr> dan diakhiri dengan tag </tr> dan setiap Kolom Tabel dibentuk dengan tag <td> dan diakhiri dengan tag </tg>
Contoh penulisan untuk Tabel dengan 2 baris dan 2 kolom:
<table border="7" bordercolor="red" cellpadding="10"><tr>
<td>Cara Menggunakan Tabel Blog 1</td>
<td>Cara Menggunakan Tabel Blog 2</td>
</tr><tr>
<td>Cara Menggunakan Tabel Blog 3</td>
<td>Cara Menggunakan Tabel Blog 4</td>
</tr><tr>
</table>
Maka hasil pembacaan brower akan ditampilkan seperti ini:
| Cara Menggunakan Tabel Blog 1 | Cara Menggunakan Tabel Blog 2 |
| Cara Menggunakan Tabel Blog 3 | Cara Menggunakan Tabel Blog 4 |
Atribut border pada tag <table> akan membentuk border disekeliling tabel. Default atribut border adalah border=0 yang berarti tidak menggunakan border. Tabel dengan border dimatikan bisa dimanfaatkan untuk me-layout halaman dengan banyak gambar. Selain border, berikut adalah atribut yang dapat dipakai pada <table> :
| bordercolor="kode warna" cellpadding="angka" cellspacing="angka" width="angka" | Mengatur warna border,jika border digunakan Mengatur jarak antara border dengan isi sel(vertikal,horisontal)dalam pixel Mengatur tebal frame dalam satuan pixel Mengatur lebar tabel dalam satuan pixel atau persen. |
Sedang dalam atribut <tg> yang sering digunakan adalah :
bgcolor="kode warna" background="gambar" align="left / right / center" valign=top / bottom / middle" colspan="angka" width="angka" | Mengatur warna latar belakang sel Menggunakan gambar sebagai latar belakang Mengatur perataan isi sel secara horisontal Mengatur perataan isi sel secara vertikal Untuk menggabung sel kosong Mengatur lebar sel dalam satuan pixel atau persen |
Semoga bisa dipahami dan tentunya bisa bermanfaat.
Happy Blogging.
ribet nya kang?
ReplyDeleteAda trick bikin table yang lebih simple nggak?
wilujeng wengi
Terima kasih sahabat atas berbagi pengetahuannya ini sahabat
ReplyDeleteTips blogging yang menarik Sob...Banyak yang bisa kita buat dengan mengkreasikan fungsi tabel didalam post...Happy blogging!
ReplyDeleteyupz.. posting cara membuat table ini sangat bermanfaat sob. ane bookmark dulu. nanti pasti kepakai. thank dah dishare.. happy blogging
ReplyDelete@Kang Asep
ReplyDeleteSaya yakin ada Kang,dipostingan Akang selanjutnya,dengan Js misalnya,hehe.
Thanks ya.
@Ferry Nurse
Sama-sama sop,barokalloh,amin.
@Iskaruji dot com
Minimal kita tau element html apa saja yang menunjang terbangunya blog kita. Thanks sob,happy blogging too.
@Wisata Murah
ReplyDeleteHaha,makasih kawan,happy blogging.
table dalam post memang perlu dan terkadang penting untuk digunakan kalau postnya jadwal dan daftar2 ,, :D thx sharenya sob,,
ReplyDeleteInilah yang saya cari,
ReplyDeleteTerima kasih ilmunya....
@Rama88
ReplyDeleteYup,Daftar Harga misalnya,jadwal pertandingan olahraga,dsb.
Thanks sop,happy blogging.
@Informasi Pekerjaan
Semoga bisa berguna ya sop,makasih ya,happy blogging.
mas ijin sedot triknya saya re-posting di blog saya. sudah saya cantumkan linknya. terima kasih
ReplyDeletekalo digabung ama show hide gimana caranya ya bos?
ReplyDelete@Lilih Prilian Ari Pranowo
ReplyDeleteSilahkan kawan,makasih ya.
@Ohim Tumaritiz
Jawabanya sudah saya sertakan pada postingan "Foto Topless Rihanna". Silahkan Kang, semoga bisa bermanfaat.
Makasih Ya.
Sipp mas....
ReplyDeletenice artickel