Hai agan-agan semuanya, kembali lagi nih hehe pada kesempatan baik ini ane mau share mengenai Cara Membuat Tabel Warna Warni dengan menggunakan Colspan dan Rowspan.
Colspan dan rowspan adalah atribut html yang digunakan untuk
memperlebar atau menggabungkan beberapa kolom atau row menjadi satu,
sehingga satu unit kolom atau row ini menjadi lebih lebar. Langsung saja dilihat penampakannya yak :D
Berikut adalah kodingnya :
<html>
<head><title> Table Warna Warni </title></head>
<body>
<table border=10 width=400 height=300 align=center>
<caption><b>Table Warna Warni</b></caption>
<tr>
<td rowspan=2 align=center bgcolor=seablue><b>R</b></td>
<td align=center bgcolor=green><b>I</b></td>
<td colspan=2 align=center bgcolor=seablue><b>Z</b></td>
<tr>
<td colspan=2 align=center bgcolor=green><b>K</b></td>
<td rowspan=2 align=center bgcolor=yellow><b>I</b></td>
<tr>
<td colspan=2 align=center bgcolor=aqua><b>C</b></td>
<td align=center bgcolor=yellow><b>H</b></td>
</table>
</body>
</html>
<head><title> Table Warna Warni </title></head>
<body>
<table border=10 width=400 height=300 align=center>
<caption><b>Table Warna Warni</b></caption>
<tr>
<td rowspan=2 align=center bgcolor=seablue><b>R</b></td>
<td align=center bgcolor=green><b>I</b></td>
<td colspan=2 align=center bgcolor=seablue><b>Z</b></td>
<tr>
<td colspan=2 align=center bgcolor=green><b>K</b></td>
<td rowspan=2 align=center bgcolor=yellow><b>I</b></td>
<tr>
<td colspan=2 align=center bgcolor=aqua><b>C</b></td>
<td align=center bgcolor=yellow><b>H</b></td>
</table>
</body>
</html>
Gampang kan? hehe. Oh iya ane juga sertain video tutorialnya juga loh :D
Semoga postingan kali ini bisa membawa manfaat bagi pembacanya. Amin..
Semoga postingan kali ini bisa membawa manfaat bagi pembacanya. Amin..
0 komentar:
Post a Comment