r00t »» »» Membuat Table di Postingan

Membuat Table di Postingan

by LOLids artich | | | 1 komentar »


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: LOLids artich - ItemReviewed: Membuat Table di Postingan


Related Tips, Tricks and Tutorials :



1 komentar Post :
Membuat Table di Postingan


NOTE:
Follow me ON Facebook , Twitter or

Blog ini adalah Blog DoFollow dengan PageRank Free PageRank Checker, sobat akan mendapatkan Backlink untuk BLOG anda dengan berkomentar di Blog ini. Jangan ada komentar Spam, Please!!.

"Jika Menemukan LINK yg Tidak bisa di akses pada BLOG ini!, silahkan beritahu kepada kami melalui Komentar, Form, etc . sesegera mungkin kami akan memperbaikinya. Terimakasih"




  1. Kuliah Gratis ►► [ reply ] [ Jump to TOP ] ► Wed Jul 22, 07:00:00 pm 2009  

    Seeeeepppp

Post a Comment

Next Prev Home