Cara Menggunakan Tabel dalam Postingan Blog

TabelCara 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 1Cara Menggunakan Tabel Blog 2
Cara Menggunakan Tabel Blog 3Cara 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.

Penulis : Raihan Marie Ramadhan ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Cara Menggunakan Tabel dalam Postingan Blog ini dipublish oleh Raihan Marie Ramadhan pada hari Sunday, April 29, 2012. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 13 komentar: di postingan Cara Menggunakan Tabel dalam Postingan Blog
 

13 komentar:

  1. ribet nya kang?
    Ada trick bikin table yang lebih simple nggak?

    wilujeng wengi

    ReplyDelete
  2. Terima kasih sahabat atas berbagi pengetahuannya ini sahabat

    ReplyDelete
  3. Tips blogging yang menarik Sob...Banyak yang bisa kita buat dengan mengkreasikan fungsi tabel didalam post...Happy blogging!

    ReplyDelete
  4. yupz.. posting cara membuat table ini sangat bermanfaat sob. ane bookmark dulu. nanti pasti kepakai. thank dah dishare.. happy blogging

    ReplyDelete
  5. @Kang Asep
    Saya 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.

    ReplyDelete
  6. @Wisata Murah
    Haha,makasih kawan,happy blogging.

    ReplyDelete
  7. table dalam post memang perlu dan terkadang penting untuk digunakan kalau postnya jadwal dan daftar2 ,, :D thx sharenya sob,,

    ReplyDelete
  8. Inilah yang saya cari,
    Terima kasih ilmunya....

    ReplyDelete
  9. @Rama88
    Yup,Daftar Harga misalnya,jadwal pertandingan olahraga,dsb.
    Thanks sop,happy blogging.

    @Informasi Pekerjaan
    Semoga bisa berguna ya sop,makasih ya,happy blogging.

    ReplyDelete
  10. mas ijin sedot triknya saya re-posting di blog saya. sudah saya cantumkan linknya. terima kasih

    ReplyDelete
  11. kalo digabung ama show hide gimana caranya ya bos?

    ReplyDelete
  12. @Lilih Prilian Ari Pranowo
    Silahkan kawan,makasih ya.

    @Ohim Tumaritiz
    Jawabanya sudah saya sertakan pada postingan "Foto Topless Rihanna". Silahkan Kang, semoga bisa bermanfaat.
    Makasih Ya.

    ReplyDelete

SILAHKAN PERGUNAKAN KOTAK KOMENTAR DENGAN BIJAK
JANGAN GUNAKAN CARA SPAM. JANGAN menyertakan LINK HIDUP pada form komentar. Anda akan dilaporkan sebagai SPAM.
Makasih !