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 baris1
isi 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.
Comments
budi · Oct 4, 2015
susah
0
maaf nih sebelumnya ada untuk ngewarnain border gk · Aug 19, 2013
alfian
0
Anonymous · Aug 19, 2013
alfian
0
Iis Furevah Aeweizt · July 17, 2013
Sip banget penjelasanya bagi aku yang masih awam,makasih ya gan.
0
Iis Furevah Aeweizt · July 17, 2013
Sip banget penjelasanya bagi aku yang masih awam,makasih ya gan.
0
Iis Furevah Aeweizt · July 17, 2013
Sip banget penjelasanya bagi aku yang masih awam,makasih ya gan.
0
andhie_2407@ymail.com · Nov 19, 2012
nunut tanya gan,
klo setelah ngisi data kyk form trz klo diklik simpan, biar masuk tabel caranya gmn??
thx b4
0
eko purnomo bayu aji · Aug 28, 2012
om,maaf saya masih baru. Saya mau tanya bedanya script sama kode html apa ??.Atau mungkin script sama aja dengan html?
![[next]](https://www.htmlcommentbox.com/static/images/arrow_right.png "next page"){kind=icon}
