Membuat Grafik Batan pada HTML
Minggu, 06 Februari 2011
| 
Diposting oleh
Abdul Patrick |
Untuk membuat tampilan website lebih menarik, kita bisa menambahkan grafik batang pada web yang memiliki data statistik. langsung ajha whes. cekidot...
Untuk scriptnya bisa dilihat dibawah ini atau bisa langsung download disini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tugas Praktikum 2.1</title>
</head>
<table width=600>
<table frame="hsides">
<tr width=600 colspan=2>
<th width=200>Perusahaan</th>
<th width=500>Pendapatan</th>
</tr>
</table>
<table frame="below" align="left" cellspacing=0 cellpadding=3>
<tr>
<td width=200>Angin Reboot Ltd</td>
<td width=25></td>
<td width=25></td>
<td width=25></td>
<td width=25></td>
<td width=150 colspan=5>
<table border=1>
<tr>
<th width=150 height=20 colspan=5 bgcolor="green"></th>
</tr>
</table>
</td>
<td>+150%</td>
<td width=25></td>
<td width=25></td>
<td width=25></td>
</tr>
<tr>
<td width=200>Command Prompt, Inc</td>
<td width=25></td>
<td width=25></td>
<td width=25></td>
<td width=25></td>
<td width=150 colspan=5>
<table border=1>
<tr>
<th width=55 height=20 colspan=2 bgcolor="green"></th>
</tr>
</table>
</td>
<td>+55%</td>
<td width=25></td>
<td width=25></td>
<td width=25></td>
</tr>
<tr>
<td width=200>Hibernate Ltd</td>
<td width=25></td>
<td width=25></td>
<td width=25></td>
<td width=25>-23%
<table border=1 align="right">
<tr>
<th width=23 height=20 colspan=5 bgcolor="yellow"></th>
</tr>
</table>
</td>
<td></td>
<td width=25></td>
<td width=25></td>
</tr>
<tr>
<td width=200>Shutdown Ltd</td>
<td width=25></td>
<td width=25></td>
<td width=25>-75%</td>
<td width=75>
<table border=1>
<tr>
<th width=100 height=20 colspan=2 bgcolor="red"></th>
</tr>
</table>
</td>
<td></td>
<td width=25></td>
<td width=25></td>
</tr>
</table>
</table>
<body>
</body>
</html>
Minggu, Februari 06, 2011 |
Label:
0 komentar:
Posting Komentar
Kritik dan saran yang anda berikan akan sangat bermanfaat bagi kami untuk terus memberi yang terbaik. ^_^