Hari ini saya akan menunjukan "Odd Table"
disini saya akan menggunakan tag <table> untuk membuatnya
___________________________________________________________________________________
<html>
<head>
<title>Tabel</title>
</head>
<body>
<center><table border="5" width="50%" height="350">
<tr>
<td colspan="5" bgcolor="red"><center>COLAMENIT</center></td>
</tr>
<tr>
<td colspan="4" bgcolor="blue"><center>HTML</center></td>
<td rowspan="4" bgcolor="green"><center>B<br>L<br>O<br>G</center></td>
</tr>
<tr>
<td colspan="3" bgcolor="amber"><center>STUDENT</center></td>
<td rowspan="3" bgcolor="apricot"><center>R<br>O<br>O<br>K<br>I<br>E</center></td>
</tr>
<tr>
<td colspan="2" bgcolor="aquamarine"><center>GOOGLE</center></td>
<td rowspan="2" bgcolor="scarlet"><center>Y<br>O<br>U<br>T<br>U<br>B<br>E</center></td>
</tr>
<tr>
<td bgcolor="Purple"><center>INTERNET</center></td>
</html>
disini saya akan menggunakan tag <table> untuk membuatnya
___________________________________________________________________________________
<html>
<head>
<title>Tabel</title>
</head>
<body>
<center><table border="5" width="50%" height="350">
<tr>
<td colspan="5" bgcolor="red"><center>COLAMENIT</center></td>
</tr>
<tr>
<td colspan="4" bgcolor="blue"><center>HTML</center></td>
<td rowspan="4" bgcolor="green"><center>B<br>L<br>O<br>G</center></td>
</tr>
<tr>
<td colspan="3" bgcolor="amber"><center>STUDENT</center></td>
<td rowspan="3" bgcolor="apricot"><center>R<br>O<br>O<br>K<br>I<br>E</center></td>
</tr>
<tr>
<td colspan="2" bgcolor="aquamarine"><center>GOOGLE</center></td>
<td rowspan="2" bgcolor="scarlet"><center>Y<br>O<br>U<br>T<br>U<br>B<br>E</center></td>
</tr>
<tr>
<td bgcolor="Purple"><center>INTERNET</center></td>
<td bgcolor="rainbow"><center>N<br>E<br>T<br>W<br>O<br>R<br>K</center></td>
</tr>
</table></center>
</body></html>
___________________________________________________________________________________
diatas adalah kode html yang saya gunakan untuk membuat "Odd Table"
Colspan dan rowspan adalah html attribute yang digunakan untuk memperlebar atau menggabungkan beberapa kolom atau row menjadi satu, sehingga satu unit kolom atau row ini menjadi lebih lebar. Colspan adalah kependekan dari “column span” yang bisa mengartikan sebagai “berapa kotak kesamping” sedangkan rowspan mengartikan “berapa kotak kebawah”.
jika di artikan ke dalam browser akan menjadi seperti di bawah ini
GEMBEL COPASSS !!!! :v
ReplyDeletebikin sendiri ini adminnya di notepad ennga copas yang ini mah
ReplyDelete