berikut kode tentang grafik dengan memanfaatkan tabel.
<!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></title>
</head>
<body>
<table border="1">
<tr>
<th width="200px" height="40px">Perusahaan</th>
<th colspan="2">Pendapatan</th>
</tr>
<tr>
<td>Angin Reboot Ltd.</td>
<td width="200px" height="20px" align="right"></td>
<td width="200px" align="left">
<table>
<tr><td width="150px" height="15px" bgcolor="green"></td>
<td>+150%</td></tr>
</table>
</td>
</tr>
<tr>
<td>Command Prompt Inc.</td>
<td width="200px" height="20px" align="right"></td>
<td width="200px" align="left">
<table>
<tr><td width="55px" height="15px" bgcolor="green"></td>
<td>+55%</td></tr>
</table>
</td>
</tr>
<tr>
<td>Hibernate Ltd.</td>
<td width="200px" height="20px" align="right">
<table>
<tr>
<td>-23%</td>
<td width="23px" bgcolor="yellow"></td>
</tr>
</table>
</td>
<td width="200px" align="left"></td>
</tr>
<tr>
<td>Shut Down Ltd.</td>
<td width="200px" height="20px" align="right">
<table>
<tr>
<td>-75%</td>
<td width="75px" bgcolor="red"></td>
</tr>
</table>
</td>
<td width="200px" align="left"></td>
</tr>
</table>
</body>
</html>
dengan kode diatas akan tampil seperti dibawah ini:
Menarik? silahkan dicoba yah,
mohon kritik dan sarannya ;)
Tidak ada komentar:
Posting Komentar