Cara membuat tabel di blog

Membuat tabel kadang di perlukan dalam blog,hal ini bisa kita buat dengan cara memberi kalimat perintah dengan bahasa HTML tentunya,dan pada kesempatan kali ini saya akan berbagi cara membuat tabel di blog.
Gak usah berlama-lama kita langsung saja membahasnya..

Dalam pembuatan tabel di blog kita bisa menggunakan kalimat perintah dasar HTML yakni kalimat perintah pembuka <table> dan di akhiri dengan kalimat penutup </table>, sementara kalimat perintah lain adalah kalimat perintah untuk pembuatan baris yakni antara <tr> dan </tr>,dan kalimat perintah untuk pembuatan kolom yaitu antara <td> dan </td>.

Untuk menambahkan atribut di dalamnya kita bisa menambahkan kata perintah antara lain :

1. bgcolor="kode warna"  => untuk mengatur warna background/warna latar belakang tabel
2. align="left"|"center"|"right" => untuk mengatur tata letak tulisan (rata kiri,rata tengah,atau rata kanan)
3. cellpadding="pixel" => untuk mengatur jarak antara tepi sel dengan isi sel dalam sebuah tabel
4. border="pixel" => untuk mengatur ketebalan garis tepi pada tabel
5. cellspacing="pixel" => untuk mengatur jarak sel
6. height="pixel"|"%" => untuk mengatur tinggi / tinggi tabel
7. Width="pixel"|"%" => untuk mengatur lebar / luas tabel
8. font color="warna" => untuk mengatur warna tulisan

Untuk lebih mudahnya sobat bisa lihat contoh-contoh dalam pembuatan tabel berikut ini:

1. Tabel tunggal / Tabel satu kolom

           Code HTML yang bisa sobat gunakan sebagai berikut:

<table border="1" align="center" width="300" bgcolor="blue" cellpadding="5" cellspacing="2" > <tr> <td align="center"><font color="yellow" > Tabel tunggal</font></td></tr></table>

         Maka hasilnya adalah sebagai berikut:

Tabel tunggal

      2. Tabel ganda / Tabel dua kolom

          Code HTML yang bisa sobat gunakan sebagai berikut:

<table border="2" align="center" width="300" cellpadding="5" cellspacing="2" ><tr><td width="50" bgcolor="red"><font color="white">Tabel ganda</font></td><td align="center" width="50" bgcolor="white"><font color="red">Tabel ganda</font></td></tr></table>

       
         Maka hasilnya adalah sebagai berikut:

Tabel ganda

Tabel ganda


       3. Tabel triple / Tabel tiga kolom

           Code HTML yang bisa sobat gunakan sebagai berikut:

<table border="2" align="center" width="300" cellpadding="5" cellspacing="2"><tr><td width="50" bgcolor="red"><font color="navy">Tabel tiga kolom</font></td><td align="center" width="50" bgcolor="green"><font color="red">Tabel tiga kolom</font></td><td align="center" width="50" bgcolor="orange"><font color="red">Tabel tiga kolom</font></td></tr></table>

           Maka hasilnya adalah sebagai berikut:

Tabel tiga kolom

Tabel tiga kolom

Tabel tiga kolom

Demikian Cara membuat tabel di blog,untuk kreasi yang lebih sempurna sobat bisa menambahkan atribut-atribut yang lain tentunya,selamat berkreasi..
Potingan lain Cursor Mouse Bertabur Bintang silahkan sobat baca untuk penampilan blog agar lebih menarik..