Membuat Table di Postingan

make a TABEL

Pengen buat tabel di Postingan seperti yang Lolids pake di beberapa Postingan Blog Lolids , keuntungan dari TABEL adalah banyak sekali, kita bisa buat Text Area, tabel Exel di Postingan, Tabel BANNER teman2 kita, Tabel Link  Blogroll, dan much more…..  O.k to the point saja, contohnya seperti ini : ( TABEL DENGAN PERBEDAAN FRAME / BORDER )

 

TABEL 1 :

Tulisan anda disini

Codenya seperti ini :

<table cellspacing="0" cellpadding="2" width="400" border="1"><tbody>
    <tr>
      <td valign="top" width="400">Tulisan anda disini</td>
    </tr>
  </tbody></table>

 

TABEL 2 :

Tulisan anda disini

Codenya seperti ini :

<table cellspacing="0" cellpadding="2" width="400" border="4"><tbody>
    <tr>
      <td valign="top" width="400">Tulisan anda disini</td>
    </tr>
  </tbody></table>

KETERANGAN :

Perbedaan dari ( Tabel 1 ) dan( Tabel 2 ) adalah dari Tulisan yg berwarna hijau “border” Jika Angka yang berada dalam tanda Kutip (“”) semakin besar, maka Frame/border yang ditampilkan semakin tebal. contoh pada tabel berikut memakai Frame dengan Border=”8” :

Tulisan Anda disini

 

PERBEDAAN FRAME / BORDER TABEL :

TABEL 1 DENGAN BORDER = 1

 

TABEL 2 DENGAN BORDER = 8

disitu udah terlihat kan perbedaan dari tabel-tabel di atas, Frame dengan ( border =”8” ) bayangan tabel yang dihasilkan semakin besar.

( sampai disini apakah masih bingung, semoga saja engga’ ya )

bagaimana kalo membuat Tabel dengan banyak Kolom..?????

Saya kasih contoh lagi Tabel dengan 2 colom ( memakai ukuran Border “1” )

Kolom 1

Kolom 2

Codenya seperti ini :

<table cellspacing="0" cellpadding="2" width="400" border="1"><tbody>
    <tr>
      <td valign="top" width="200">Kolom 1</td>

      <td valign="top" width="200">Kolom 2</td>
    </tr>
  </tbody></table>

Disitu terlihat penambahan code  ‘<td valign="top" width="200">Kolom 2</td>’ Kalo pengen menambahkan Kolom ketiga dan seterusnya tinggal menambahkan Code “ <td valign="top" width="200">Kolom 2</td> ” tepat dibawahnya secara berurutan.

bagaimana kalo menambahkan baris ( kotak dibawahnya ) :

Saya kasih contoh Tabel dengan 2 Baris dan 2 kolom :

Kolom 1	Kolom 2
Kolom 3	Kolom 4

codenya seperti ini :

<table cellspacing="0" cellpadding="2" width="400" border="1"><tbody>
    <tr>
      <td valign="top" width="200">Kolom 1</td>

      <td valign="top" width="200">Kolom 2</td>
    </tr>

    <tr>
      <td valign="top" width="200">Kolom 3 </td>

      <td valign="top" width="200">Kolom 4</td>
    </tr>
  </tbody></table>

Di Code tersebut ada penambahan code seperti ini :

<tr>
      <td valign="top" width="200">Kolom 3 </td>

      <td valign="top" width="200">Kolom 4</td>
    </tr>

Tambahkan Code tersebut tepat di bawah code </tr> jika ingin menambahkan BARIS dan seterusnya :

Selesai dach

Semoga Posting mengenai TABEL ini bisa bermanfaat untuk Ber-Kreasi dan Ber-Improvisasi.

 

Good Luck.

Article information: Description: Membuat Table di Postingan Rating: 4.5 - Reviewer: LolidsOfficialBlog - ItemReviewed: Membuat Table di Postingan

Related Tips, Tricks and Tutorials :