Pertama kali nyoba2 studi kasus nomer 1,, ehh jadinya kayak gini…
Kodenya kayak gini nih teman-teman…
<!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>Grafik Tabel Perusahaan Transportasi Darat</title>
</head>
<body>
<table width=”700″ height=”300″>
<tr>
<td colspan=”7″ style=”border-top:#000000 solid;border-bottom:#000000 solid;”><b>Perusahaan</td>
<td colspan=”7″ style=”border-top:#000000 solid;border-bottom:#000000 solid;”><b>Pendapatan</td>
</tr>
<tr >
<!– –>
<td width=”172″ >PO Jawa Indah </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=”#006600″></td>
<td width=”17″>+150%</td>
</tr>
<tr>
<td>PO Tentrem </td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan=”4″ bgcolor=”#006600″></td>
<td width=”16″>+85%</td>
<td width=”16″></td>
<td></td>
</tr>
<tr>
<td>PO Akas </td>
<td></td>
<td></td>
<td></td>
<td>-20%</td>
<td colspan=”2″ bgcolor=”#FFFF00″></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>PO Damai </td>
<td></td>
<td>-74%</td>
<td colspan=”4″ bgcolor=”#FF0000″></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>
<a href=”no2.html”>Klik di sini</a> Untuk mengakses desain tabel perbandingan item berikutnya
<hr color=”black”></hr>
</body>
</html>
Ayo belajar bersamaa…