IndeksFAQPendaftaranLoginbtaman bacaanForum TdBlog Semut Nungging

Pengunjung
page counter
Latest topics
» Download software organ tunggal gratis
by Nana80 Wed 29 May 2013, 16:40

» Membuat Background foto sendiri pada Facebook anda
by Tamu Mon 18 Mar 2013, 14:48

» Hosting Download/Upload File mudah, cepat, efisien dan gratis
by Om Jin Sun 17 Mar 2013, 12:57

» Popup Facebook Like Box Dengan Timer CountDown Untuk Blogger
by Om Jin Sat 16 Mar 2013, 17:29

» activator Sim Aquarium 3
by Om Jin Sat 16 Mar 2013, 13:09

» solfware
by sryvika Tue 05 Mar 2013, 08:08

» organ di computer
by nur idris Fri 25 Jan 2013, 17:24

» organ game tunggal
by awex bae Sat 19 Jan 2013, 12:44

Web / Blog Teman
User Yang Sedang Online
Total 2 uses online :: 0 Terdaftar, 0 Tersembunyi dan 2 Tamu

Tidak ada

User online terbanyak adalah 309 pada Wed 07 Dec 2011, 13:06
Info Forum

Page Ranking Tool





Share | 
 

 TUTORIAL HTML = Tabel

Topik sebelumnya Topik selanjutnya Go down 
PengirimMessage
Om Jin
Owner
Owner


Jumlah posting : 4120
Points : 8499
Join date : 21.09.09
Age : 35
Lokasi : muara tebo / Jambi

PostSubyek: TUTORIAL HTML = Tabel   Sat 22 May 2010, 10:15




Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat
membuat halaman web “terbagi” pada beberapa kolom atau baris. Contohnya seperti pada halaman
web yang sedang Anda baca ini.

Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table :
Code:
<TABLE>, <TR>,
dan
Code:
<TD>
. Yang perlu diingat adalah bahwa tab
Code:
<TR> dan <TD>
harus terletak di antara tag
Code:
<TABLE> dan </TABLE>

Code:
<TABLE>
Terdiri dari atribut :
  • align – perataan : rata kiri (left), tengah (center) atau kanan (right).
    bgcolor – warna latar belakang (background) dari tabel.
    border – ukuran lebar border tabel (dalam pixel).
    cellpadding – jarak antara isi cell dengan batas cell (dalam pixel).
    cellspacing – jarak antar cell (dalam pixel).
    width – ukuran tabel dalam pixel atau percent.


Contoh :

Code:
<TABLE align=”center” bgcolor=”#0000FF” border=”2″ cellpadding=”5″ cellspacing=”2″
width=”90%”>

Code:
<TR>
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:

  • align – perataan : rata kiri (left), tengah (center) atau kanan (right).
    bgcolor – warna latar belakang dari baris.
    valign – perataan vertikal : top, middle atau bottom.


Contoh :

Code:
<TR align=”right” bgcolor=”#0000FF” valign=top>

Code:
<TD>
Tag ini digunakan untuk membuat kolom baru pada tabel.

  1. align – perataan
    background – image yang digunakan sebagai latar belakang dari kolom.
    bgcolor – warna latar belakang
    colspan – lihat gambar contoh
    height – ukuran tinggi cell dalam pixels.
    nowrap – membuat supaya isi dari kolom tetap berada pada satu baris.
    rowspan – lihat gambar contoh
    valign – perataan vertikal :top, middle atau bottom.
    width – ukuran kolom dalam pixel atau percen.


Contoh :

Code:
<TD align=”right” background=”back.gif” bgcolor=”#0000FF” colspan=”3″ height=”200″
nowrap rowspan=”2″ valign=”bottom” width=”300″>
Ads ppcindo
Code:
<table width=”1 0 0 ″ border=”1 ″ cellspacing=”2″ cellpadding=”2 ″>
<tr>
<td bgcolor=”#0000FF”>  </td>
<td bgcolor=”#FFFF66″> </td>
<td rowspan=”2″ bgcolor=”#FF3366″> </td>
</tr>
<tr>
<td colspan=”2″ bgcolor=”#33CC66″> </td>
</tr>
<tr>
<td colspan=”3″ bgcolor=”#FFCC99″> </td>
</tr>
</table>

Code:
<table width=”1 0 0 ″ border=”0 ″ cellspacing=”0″ cellpadding=”0 ″>
<tr>
<td bgcolor=”#0000FF”>  </td>
<td bgcolor=”#FFFF66″> </td>
<td rowspan=”2″ bgcolor=”#FF3366″> </td>
</tr>
<tr>
<td colspan=”2″ bgcolor=”#33CC66″> </td>
</tr>
<tr>
<td colspan=”3″ bgcolor=”#FFCC99″>&nbsp;</td>
</tr>
</table>

copyright form klik kanan


Baca Juga :
- CARA HACK AKUN FACEBOOK TERUPDATE
- CARA CEPAT DI ADD BANYAK CEWEK FB DALAM WAKTU SINGKAT
- MAU PENGHASILAN 100 RIBU/JAM ?
- DI ADD RIBUAN TEMAN FB DALAM WAKTU SINGKAT


Kembali Ke Atas Go down
http://www.facebook.com/indrabastian.omjin
ridho_evan
Admins
Admins


Jumlah posting : 2047
Points : 4896
Join date : 25.09.09
Age : 25
Lokasi : Muara bungo

PostSubyek: Re: TUTORIAL HTML = Tabel   Sat 22 May 2010, 15:04




ampun dah hamer


Baca Juga :
- CARA HACK AKUN FACEBOOK TERUPDATE
- CARA CEPAT DI ADD BANYAK CEWEK FB DALAM WAKTU SINGKAT
- MAU PENGHASILAN 100 RIBU/JAM ?
- DI ADD RIBUAN TEMAN FB DALAM WAKTU SINGKAT




--==яiđЂō d'Cybertronic ⎝⋋⎵⋌⎠==--

Kembali Ke Atas Go down
Om Jin
Owner
Owner


Jumlah posting : 4120
Points : 8499
Join date : 21.09.09
Age : 35
Lokasi : muara tebo / Jambi

PostSubyek: Re: TUTORIAL HTML = Tabel   Sat 22 May 2010, 17:35




bukan nya idho pernah nanyain cara bikin tabel ama pak ul haah

nah itu dia cara nya geli

bisa lansung praktek di area uji coba html dho :kedip:


Baca Juga :
- CARA HACK AKUN FACEBOOK TERUPDATE
- CARA CEPAT DI ADD BANYAK CEWEK FB DALAM WAKTU SINGKAT
- MAU PENGHASILAN 100 RIBU/JAM ?
- DI ADD RIBUAN TEMAN FB DALAM WAKTU SINGKAT


Kembali Ke Atas Go down
http://www.facebook.com/indrabastian.omjin
Sponsored content




PostSubyek: Re: TUTORIAL HTML = Tabel   Today at 03:20





Baca Juga :
- CARA HACK AKUN FACEBOOK TERUPDATE
- CARA CEPAT DI ADD BANYAK CEWEK FB DALAM WAKTU SINGKAT
- MAU PENGHASILAN 100 RIBU/JAM ?
- DI ADD RIBUAN TEMAN FB DALAM WAKTU SINGKAT


Kembali Ke Atas Go down
 

TUTORIAL HTML = Tabel

Topik sebelumnya Topik selanjutnya Kembali Ke Atas 

 Similar topics

-
» Tutorial Gear Design ?
» Tutorial Design Menggunakan Photoshop
» Apa tutorial kami bermanfaat ? [POLLING]
» [Tutorial] Effective Blog Exchange
» DIY - Cara pasang HID di NINJA 250
Halaman 1 dari 1

Permissions in this forum:Anda tidak dapat menjawab topik
Forum Berbagi Om Jin :: INTERNET :: WEB BLOG CHAT-