Dalam bahasan sebelumnya kita telah mencoba beberapa contoh penulisan tag html. Sekarang kita akan coba bagaimana membuat tabel dalam website. Tabel merupakan hal yang sangat penting sehingga mau tidak mau anda harus bisa menguasainya. Karena dengan tabel kta akan lebih mudah dalam mendesign sebuah website....
sekarang kita langsung saja mencoba membuat sebuah tabel.....
silahkan buka program notepad anda...
Tentu masih ingat kan bagaimana caranya...!!!
Latihan 3.
Membuat Tabel
Ketikkan;
<html>
<body>
<table width=”80%” border=”1″>
<td>
<td>Ini kolom pertama</td>
<td>Ini kolom kedua</td>
</tr>
<td>
<td>Ini kolom pertama baris kedua</td>
<td>Ini kolom kedua baris
kedua</td>
</tr>
</table>
</body>
</html>
Simpan dengan nama contoh Tabel1.html. Tutup notepad anda dan lihat hasilnya...
buka kembali notepad anda lalu ketikkan;
<html>
<body>
<table width=”80%” border=”1″>
<tr>
<td bgcolor="red">Ini kolom pertama</td>
<tr bgcolor="red">Ini kolom kedua</td>
</tr>
<tr>
<td bgcolor="yellow">Ini kolom pertama baris kedua</td>
<td bgcolor="yellow">Ini kolom kedua baris kedua</td>
</tr>
</table>
</body>
</html>
Simpan dan lihat hasilnya.....
waahhh.......
kok jadi warna-warni yach.....!!!!!
oke.....
Sekarang kita coba lagi ketikkan;
<html>
<body>
<table width="80%" border="1">
<tr>
<td align="center" bgcolor="grey" width="70%">Ini kolom pertama</td>
<td align="right" bgcolor="grey" width="100%">Ini kolom kedua</td>
</tr>
<td height="800" bgcolor="pink">
<td align="center">Ini kolom pertama baris kedua</td>
<td align="right">Ini kolom kedua baris kedua</td>
</tr>
</table>
</body>
</html>
simpan dan.........
Latihan selesai.....
0 comments:
Post a Comment