jendelablog.wordpress.com

budiscyan weblog area's

Membuat TabeL dengan HTML

Ternyata ada loch cara bikin tabel di blog . Caranya dengan script berikut :
Coppas ya…

Untuk 2 tabEL :
==========================================================

<table style=”width: 490px; height: 210px;” border=”5″>
<tr>
<td background=”http://h1.ripway.com/budiscyan/hs1.gif “>…</td>
<td background=”http://h1.ripway.com/budiscyan/hs2.gif “>…</td>
<td background=”http://h1.ripway.com/budiscyan/hs3.gif “>…</td>
<td background=”http://h1.ripway.com/budiscyan/hs4.gif “>…</td>
</tr>
<tr>
<td background=”http://h1.ripway.com/budiscyan/hs1.gif “>…</td>
<td background=”http://h1.ripway.com/budiscyan/hs2.gif “>…</td>
<td background=”http://h1.ripway.com/budiscyan/hs3.gif “>…</td>
<td background=”http://h1.ripway.com/budiscyan/hs4.gif “>…</td>
</tr>
</table>

====================================================


Jika kamu Hanya menghendaki 1 tabel maka Scriptnya sbb :


====================================================
<table style=”width: 490px;height: 105px;” border=”5″>
<tbody><tr>
<td background=”http://h1.ripway.com/budiscyan/hs1.gif “>…</td>
<td background=”http://h1.ripway.com/budiscyan/hs2.gif “>…</td>
<td background=”http://h1.ripway.com/budiscyan/hs3.gif “>…</td>
<td background=”http://h1.ripway.com/budiscyan/hs4.gif “>…</td>
</tr></tbody></table>

====================================================

Untuk 3 tabel dst kalian bisa buat sendiri . Prinsipnya rumusnya adalah

diawali dengan :
<table style=”width: 490px; height: (kelipatan 105)px;” border=”5″>

ditengah :
<tr>
<td background=”URL GAMBAR1“>…</td>
<td background=”URL GAMBAR2“>…</td>
dst….
</tr>

di akhiri :
</tbody></table>


NB:
=>Untuk Image URL http://budiscyan.multip…&#8230;.. bisa kalian ganti dengan URL kalian sendiri…

=>Untuk ukuran tinggi (height) Tiap tabel tingginya 105px jadi jika kalian mau buat :
-2 tabel ya 210px,
-3 tabel ya 315px,dst

contoh tabel



Selamat Mencoba..!!!!

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Information

This entry was posted on 19 Maret 2009 by in artikel.

Kategori

Blog Statistic

  • 21,292 hits

Contact

%d blogger menyukai ini: