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 :
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 :
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 :
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>
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 :
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 :
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 :
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>
0 komentar:
Post a Comment