Berikut script untuk mebuat tabel sederhana seperti ini
isi kolom 1 baris 1 |
scriptnya adalah seperti berikut
<table width="200" border="1">
<tr>
<td>isi kolom 1 baris 1</td>
</tr>
</table>
table width = lebar tabel yang diinginkan
border = garis yang membatasi tabel
untuk menambahkan kolom hanya cukup menambahkan atau mengkopi baris <td> sampai </td> dan letakan dibawah script yang sama. dimana <td> adalah kode pembuka untuk membentuk kolom pada tabel dan </td> adalah kode penutupya.
<table width="200" border="1">
<tr>
<td>isi kolom 1 baris1</td>
<td>isi kolom 2 baris1</td><-- script kolom baru </tr> </table>
lihat hasil nya :
isi kolom 1 baris 1 | isi kolom 2 baris 1 |
<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>
untuk menambahkan baris kita tinggal mengcopy tanda <tr> sampai </tr> maka dihasilkan baris ke2 pada tabel. perlu di ingat tanda <tr> adalah kode pembuka untuk menciptakan baris pada tabel dan </tr> kode penutup untuk mengakhiri baris pada tabel.
bingung melihat script yang berderet, he he he he, pelajarilah terus maka anda akan terbiasa melihatnya bahkan dengan deretan script yang leboh komplex, supaya tidak coba saya beri tanda seperti berikut.
isi kolom 1 baris 1 | isi kolom 2 baris 1 |
isi kolom 1 baris 1 | isi kolom 2 baris 1 |
warna merah menandakan baris pertama dan warna biru menandakan baris kedua. Bagai mana script untuk memberi warna tabel diatas ??? berikut scripnya
<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>
Tidak ada komentar:
Posting Komentar