untuk dapat menampilkan grafik batang seperti contoh diatas menggunakan HTML dengan memanfaatkan elemen tabel adalah sebagai berikut:
(ini masih dalam tahap belajar sehingga masih banyak ketidaksempurnaannya….) semoga bermanfaat bagi kawan semua..^^
================================================
<!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" xml:lang="en" lang="en">
<head>
<title>Indah's Zone 1</title>
</head>
<body bgcolor="#F0FFF0">
<blink><font color="#000080" face="arial" size="5"><b>Grafik Berbasis Tabel</b></font></blink>
<table width="561" height="241">
<tr>
<td colspan="7" style="border-top:#000000 solid;border-bottom:#000000 solid;"><b>
<div align="center">Perusahaan</div></td>
<td colspan="7" style="border-top:#000000 solid;border-bottom:#000000 solid;"><b>
<div align="center">Pendapatan</div></td>
</tr>
<tr >
<td width="172" >Angin Reebot Ltd </td>
<td width="27"></td>
<td width="31"></td>
<td width="25"></td>
<td width="33"></td>
<td width="16"></td>
<td width="13"></td>
<td colspan="6" bgcolor="#A52A2A" style="border: 3px solid #000300;"></td>
<td width="17">+150%</td>
</tr>
<tr>
<td>Command Prompt, Inc </td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan="4" bgcolor="#006400" style="border: 3px solid #000300;"></td>
<td width="16">+55%</td>
<td width="16"></td>
<td></td>
</tr>
<tr>
<td>Hibernate Ltd </td>
<td></td>
<td></td>
<td></td>
<td>-23%</td>
<td colspan="2" bgcolor="#000080" style="border: 3px solid #000300;"></td>
<td width="34"></td>
<td width="16"></td>
<td width="16"></td>
<td width="16"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Shutdown Ltd </td>
<td></td>
<td>-75%</td>
<td colspan="4" bgcolor="#FFFF00" style="border: 3px solid #000300;"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="14" style="border-top:#000000 solid"></td>
</tr>
</table>
Klik<a href="tugas praktikum 2.html"><b> Next</b></a> <i> Untuk mengakses <b>desain tabel perbandingan item</b> berikutnya</i>
<hr color="#006400">
</hr>
<marquee><font color="#006400" face="time new roman" size="3">Indah Tri Utami </font></marquee>
</body>
</html>
======================================================
1 komentar
saran:
mungkin akan lebih bagus lagi kalau memasukkan hasil yang sudah jadi
Silahkan Beri Komentar Saudara...