XtGem Forum catalog

BELAJAR MEMBUAT KOLOM

Buat newbie sepertiku yang memburu ilmu dumay script dasar tentu jadi incaran,yuk kita belajar disini membuat kolom,langsung aja yuk 1.Membuat kolom
Berikut contoh table:

   
 
 
    
 
 

isi kolom 1 baris 1
SCRIPTNYA :
<table width="200" border="1"><tr><td>isi kolom 1 baris 1</td></tr></table>


untuk menambahkan kolom cukup tambahkan baris <td> tahan dengan </
td>letakkan dibawah script
yang sama,perhatikan contoh berikut :


Membuat kolom 2
isi kolom 1 baris1isi kolom 2 baris1
SCRIPTNYA :
<table width="200" border="1"><tr><td>isi kolom 1 baris1</td><td>isi kolom 2 baris1</td></tr></table>


untuk menambahkan baris tinggal buat tanda <tr>masih dalam konteks script lalu ditahan dengan</tr>perhatikan contoh berikut :
MEMBUAT KOLOM 4
isi kolom 1 baris 1 isi kolom 2 baris 1
isi kolom 1 baris 2 isi kolom 2 baris 2
SCRIPTNYA :
<table width="200" border="1"><tr><td>isi kolom 1 baris 1 </td><td>isi kolom 2 baris 1 </td></tr><tr><td>isi kolom 1 baris 2 </td><td>isi kolom 2 baris 2 </td></tr></table>

Sekarang kita belajar memberi warna pada kolom,perhatikan contoh dan script berikut :

isi kolom 1 baris 1 isi kolom 2 baris 1
isi kolom 1 baris 2 isi kolom 2 baris 2
SCRIPTNYA :
<table width="200" border="1">
<tr>
<td bgcolor="blue">isi kolom 1
baris 1 </td>
<td bgcolor="blue">isi kolom 2
baris 1 </td>
</tr>
<tr>
<td bgcolor="red">isi kolom 1
baris 2 </td>
<td bgcolor="red">isi kolom 2
baris 2 </td>
</tr>
</table>

lanjut sekarang kita membagi kolom..
artikel kamu...Artikel kamu
Scriptnya :
<table width="200" border="0"
cellspacing="10"><tr><td
width="100" valign="top">artikel
kamu...</td><td width="100"
valign="top">Artikel kamu</td></tr></table>
Jika kita ingin memasukan gambar/script atau apa aja,kita jangan memasukan semua scriptnya,masukan script ini dahulu
<table width="200" border="0"
cellspacing="10"><tr><td
width="100" valign="top">
Baru masukan text/script atau apa aja..lalu tahan dengan script lanjutannya ini..
</td><td width="100"
valign="top">

Baru masukan lagi text atau apa aja disini,lalu tahan dengan script akhir ini..
</td></
tr></table>

Keterangan: Jika kita mau menambahkan lagi kolomnya setelah text atau apa aja masukan lagi script warna merah diatas,terakhir baru masukan script warna pink diatas.

Cukup jelaskan...masih bingung dengan kode-kode diatas berikut saya jelaskan mungkin kode ini akan kita jumpai pada script html lain jadi akan memudahkan kita nanti :

→ <tr> membuat garis baru
→ <td> membuat kolom baru
→ <bgcolor> warna latar belakang
→ <border> ukuran lebar
→ <nowrap> membuat agar isi dari kolom tetap 1 baris
→ <cellspacing> jarak antara cell
→ <cellpadding> jarak isi dengan batas <cell dalam pixel>
→ <align> mengatur posisi text/script yang terdiri atas kiri<left>tengah<center>kanan<right>


Ok sudah jelaskan tinggal kita kreasikan lagi kolomnya,udah dulu ya jempolku udah tebal hp udah panas and game over.

HTML Comment Box is loading comments...


>>Script refresh otomatis
>>Textarea warna
>>Cara Pasang Iklan Admod dan Buzzcity
>>Commentbox pengganti guestbox
>>Kalendar Wap Ala Web



Semoga Bermanfaat


| Kembali Kemenu Utama |

Batam 2010©lt All Rights Reserved

Create wapsite Build your site