Mung Mampir Ngombe

kata orang belajar web itu susah, tapi gak tahu orang yang mana yang bilang gitu, misalnya aja membuat grafik yang berbaasis tabel. Hanya dengan sedikit utak-atik kode html kita sudah bisa mengkreasikan bermacam-macam karya yang kita inginkan. gambar di atas adalah salah satu contoh hasil mengutak-atik kode html itu.. Selamat mencoba..!!



<p><br /><h4>Tabel 1.2 Perbandingan Fitur</h4><br /><table border="2" rules="groups" cellspacing="1" cellpadding="2" frame="hsides"><colgroup align="center"></colgroup><colgroup align="left"></colgroup><colgroup align="center"></colgroup><colgroup align="center"></colgroup><tbody><br /><br /><tr><br /><br /><th width="20">No </th><br /><br /><th width="150">Fitur </th><br /><br /><th width="80">Enterprise </th><br /><th width="30">Pro </th><br /><br /><th width="30">Free</th><br /><br /></tr><br /></tbody><tbody><br /><br /><tr><br /><br /><td align="center">1 </td><br /><br /><td>Garansi Seumur Hidup </td><br /><br /><td align="center">X </td><br /><br /><td align="center">- </td><br /><br /><td align="center">- </td><br /><br /></tr><br /><br /><tr><br /><br /><td align="center">2 </td><br /><br /><td>Multi User </td><br /><br /><td align="center">X </td><br /><br /><td align="center">- </td><br /><br /><td align="center">- </td><br /><br /></tr><br /><br /><tr><br /><br /><td align="center">3 </td><br /><br /><td>Update Otomatis </td><br /><br /><td align="center">X </td><br /><br /><td align="center">X </td><br /><td align="center">- </td><br /><br /></tr><br /><br /><tr><br /><br /><td align="center">4 </td><br /><br /><td>Cetak Laporan </td><br /><br /><td align="center">X </td><br /><br /><td align="center">X </td><br /><br /><td align="center">- </td><br /><br /></tr><br /><br /><tr><br /><br /><td align="center">5 </td><br /><br /><td>Notifikasi Error </td><br /><br /><td align="center">X </td><br /><br /><td align="center">X </td><br /><br /><td align="center">X </td><br /><br /></tr><br /><br /></tbody><tbody><br /><br /><tr><br /><br /><td align="center">6 </td><br /><br /><td>Ubah Tema </td><br /><br /> <td align="center">X </td><br /><br /><td align="center">X </td><br /><br /><td align="center">X </td><br /><br /></tr><br /><tr><br /><td align="center">7 </td><br /><td>Try Ikon </td><br /><td align="center">X </td><br /><td align="center">X </td><br /><td align="center">X </td><br /></tr><br /></tbody></table><br /></p>





<br /><table width="80%" cellpadding="0" cellspacing="0" bgcolor="#FFFBBB"><br /> <tr><br /> <th width="144" height="24" align="center"><hr /><br /> Kendaraan <hr /></th><br /> <th colspan="8" align="center"><hr /><br /> Persentase <hr /></th><br /> </tr><br /> <tr><br /> <td height="27">Mobil Pribadi</td><br /> <td colspan="3"> </td><br /> <td colspan="2" align="left" bgcolor="#FFFBBB"><table width="298" border="2" cellspacing="0" bgcolor="#0000CC"><br /> <tr><br /> <th width="286" height="23"> </th><br /> </tr><br /> </table></td><br /> <td width="91" align="left" valign="bottom" bgcolor="#FFFBBB">+70%</td><br /> <td width="11" colspan="2" align="left" valign="bottom"> </td><br /> </tr><br /> <tr><br /> <td height="33">Sepeda Motor</td><br /> <td colspan="3"> </td><br /> <td width="200" align="left" bgcolor="#FFFBBB"><table width="200" border="2" cellspacing="0" bgcolor="#00FF00"><br /> <tr><br /> <th align="left"> </th><br /> </tr><br /> </table></td><br /> <td width="99" align="left" valign="bottom" bgcolor="#FFFBBB">+55%</td><br /> <td colspan="3" valign="bottom"> </td><br /> </tr><br /> <tr><br /> <td height="36">Mobil Kantor</td><br /> <td width="88" align="right" valign="bottom"> </td><br /> <td width="71" align="right" valign="bottom">-24%</td><br /> <td width="80" align="right" bgcolor="#FFFBBB"><table width="78" border="2" cellspacing="0" bgcolor="#00FFFF"><br /> <tr><br /> <th> </th><br /> </tr><br /> </table></td><br /> <td colspan="5"> </td><br /> </tr><br /> <tr><br /> <td height="27">Kendaraan Umum</td><br /> <td align="right" valign="bottom">-47%</td><br /> <td colspan="2" align="right" valign="bottom" bgcolor="#FFFFFF"><table width="151" border="2" cellspacing="0" bgcolor="#FF0000"><br /> <tr><br /> <th> </th><br /> </tr><br /> </table></td><br /> <td colspan="5"> </td><br /> </tr><br /> <tr><br /> <td height="27"><hr /><br /> </td><br /> <td align="right" valign="bottom"><hr /><br /> </td><br /> <td colspan="2" align="right" valign="bottom" bgcolor="#FFFBBB"><hr /><br /> </td><br /> <td colspan="5"><hr /><br /> </td><br /> </tr><br /></table><br /><br /><em><strong>by Andhika Aratida P</strong></em>