Powered by Blogger.

Membuat Tabel Pada HTML menggunakan Ukuran...

Ini saya postingkan bagaimana caranya membuat tabel pada HTML..
Beebagai Jenis Tabel yang saya buat, saya postingkan disini :)

Tabel ke-1 :
<table border="1" height="300" style="width: 400px;"><tbody>
<tr><td bgcolor="#ff0000" colspan="2" height="50px" width="50px">
<center>Gambar 1</center></td> </tr>
<tr> <td bgcolor="#ff0000" height="250" width="50px">
<center>Gambar 2</center></td> <td bgcolor="#ff0000" height="150px" width="150px">
<center>Gambar 3</center></td> </tr>
</tbody></table>
ini hasilnyaa :







Gambar 1







Gambar 2







Gambar 3







 Tabel Ke-2 :
<table border="1" width="100%" height="100%">
 <tr>
 <td width="20%" height="100%" rowspan="2" bgcolor="#0000FF"><center>Gambar 1</center></td>
 <td width="80%" height="20%" bgcolor="#0000FF"><center>Gambar 2</center></td>
 </tr>
 <tr>
 <td width="80%" height="80%" bgcolor="#0000FF"><center>Gambar 3</center></td>
 </tr>
</table>
ini hasilnya :




Gambar 1




Gambar 2




Gambar 3





Tabel ke-3
<table border="1" width="100%" height="300">
 <tr>
 <td width="100%" height="50" colspan="3" bgcolor="#00FFFF"><center>Gambar 1</center></td>
 </tr>
 <tr>
 <td width="20%" height="200" bgcolor="#00FFFF"><center>Gambar 2</center></td>
 <td width="60%" height="200" bgcolor="#00FFFF"><center>Gambar 3</center></td>
 <td width="20%" height="200" bgcolor="#00FFFF"><center>Gambar 4</center></td>
 </tr>
 <tr>
 <td width="100%" height="50" colspan="3" bgcolor="#00FFFF"><center>Gambar 5</center></td>
 </tr>
</table>
ini hasilnya :



Gambar 1



Gambar 2



Gambar 3



Gambar 4



Gambar 5




Tabel ke-4 :
<table border="1" width="100%" height="400">
 <tr>
 <td width="70%" height="20%" colspan="2" bgcolor="#FF00FF"><center>Gambar 1</center></td>
 <td width="30%" height="300" rowspan="2" bgcolor="#FF00FF"><center>Gambar 2</center></td>
 </tr>
 <tr>
 <td width="35%" height="80%" rowspan="2" bgcolor="#FF00FF"><center>Gambar 3</center></td>
 <td width="35%" height="40%" bgcolor="#FF00FF"><center>Gambar 4</center></td>
 </tr>
 <tr>
 <td width="35%" height="200" bgcolor="#FF00FF"><center>Gambar 5</center></td>
 <td width="30%" height="200" bgcolor="#FF00FF"><center>Gambar 6</center></td>
 </tr>
</table>



Gambar 1


Gambar 2


Gambar 3


Gambar 4


Gambar 5


Gambar 6

0 komentar:

Post a Comment