Forum Berbagi Om Jin


 
IndeksIndeks  FAQFAQ  PendaftaranPendaftaran  LoginLogin  Forum TdForum Td  
Pengunjung
page counter
Latest topics
» Hack Pasword Deep freeze
by wahyudin Wed 28 Dec 2016, 18:59

» 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

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

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 : 8538
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
Kembali Ke Atas Go down
http://www.facebook.com/indrabastian.omjin
ridho_evan
Admins
Admins


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

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

ampun dah hamer


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

Kembali Ke Atas Go down
Om Jin
Owner
Owner


Jumlah posting : 4120
Points : 8538
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:
Kembali Ke Atas Go down
http://www.facebook.com/indrabastian.omjin
Sponsored content




PostSubyek: Re: TUTORIAL HTML = Tabel   Today at 19:07

Kembali Ke Atas Go down
 
TUTORIAL HTML = Tabel
Topik sebelumnya Topik selanjutnya Kembali Ke Atas 
Halaman 1 dari 1
 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

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