Jam

Sunday, February 6, 2011

Manipulasi Tabel HTML

bagi yang baru belajar memanipulasi tabel bukan hal yang mudah, itu juga yang Yua alami saat belajar memanipulasi tabel dengan HTML.
alhmadulillah dengan mbantuan senior dan teman2 Yua lewat grup di-FB akhirnya Yua mendapatkan pencerahan. untuk membalas peran teman2 yang sudah membantu dan untuk membagi pengetahuan supaya dapat lebih bermanfaat, Yua share hasil beserta script-nya





Tabel 1


<!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>Garis Berbasis Label</title>
</head>
<body>
<h3 color="Blue" align="center">
Judaz Fitronesillah /
108533414498 /
0ff B
</h3>

<table align="center"height="240">
 <tr>
    <td colspan="10" style="border-bottom:#000000 solid"></td>
  </tr>
  <tr>
    <th>Perusahaan</th>
<th colspan="9">Pendapatan</th>
  </tr>
  <tr>
    <td colspan="10" style="border-top:#000000 solid"></td>
  </tr>
  <tr cellspacing=1 cellpadding=5>
    <!--&nbsp;-->
    <td width="200">Angin Reebot Ltd </td>
<td></td>
    <td width="50"></td>
    <td width="53"></td>
    <td width="23"></td>
<td width="55" colspan="3" bgcolor="#006600" style="border:solid"></td>
    <td width="50">+150%</td>
    <td></td>
  </tr>
  <tr>
    <td>Command Prompt, Inc </td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td width="55" bgcolor="#006600" style="border:solid"></td>
<td width="50">+55%</td>
    <td width="45"></td>
<td></td><td></td>
  </tr>
  <tr>
    <td>Hibernate Ltd </td>
    <td></td>
    <td></td>
    <td align="right">-23%</td>
    <td bgcolor="#FFFF00" style="border:solid"></td>
<td></td><td></td><td></td><td></td><td></td>
  </tr>
  <tr>
    <td>Shutdown Ltd </td>
    <td></td>
    <td align="right">-75%</td>
    <td colspan="2" bgcolor="#FF0000"style="border:solid"></td>
    <td></td><td></td><td></td><td></td><td></td>
  </tr>
  <tr>
    <td colspan="10" style="border-bottom:#000000 solid"></td>
  </tr>
</table>

</body>
</html>




Tabel2

<!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><title> Grafik Berbasis Table </title></head>
<body>
<table>
  <tr>
    <td colspan="8" style="border-bottom:#000000 solid;"face="time new roman"align="center"size="3">PERBANDINGAN FITUR</td>
  </tr>
  <tr>
    <td align="center"width="30">No</td>
    <td rowspan="10" style="border-left:#000000 solid thin;"></td>
    <td align="center"width="210" >Fitur</td>
    <td rowspan="10" style="border-right:#000000 solid thin">&nbsp;</td>
    <td align="center"width="90" >Enterprise</td>
    <td rowspan="10" style="border-left:#000000 solid thin;"></td>
    <td align="center" width="35">Pro</td>
    <td align="center" width="35">Free</td>
  </tr>

  <tr>
    <td colspan="8" style="border-top:#000000 solid thin;"></td>
  </tr>
  <tr>
    <td align="center">1</td><td>Garansi seumur hidup</td>
<td align="center">X</td><td>-</td><td>-</td>
  </tr>
  <tr>
    <td align="center">2</td><td>Multiuser</td>
    <td align="center">X</td><td>-</td><td>-</td>
  </tr>
  <tr>
    <td align="center">3</td><td>Update otomatis </td>
    <td align="center">X</td><td>X</td><td>-</td>
  </tr>
  <tr>
    <td align="center">4</td><td>Cetak Laporan </td>
    <td align="center">X</td><td>X</td><td>-</td>
  </tr>
  <tr>
    <td align="center">5</td><td>Notifikasi error </td>
    <td align="center">X</td><td>X</td><td>X</td>
  </tr>
  <tr>
    <td colspan="8" style="border-top:#000000 solid thin;"></td>
  </tr>
  <tr>
    <td align="center">6</td><td>Ubah tema </td>
    <td align="center">X</td><td>X</td><td>X</td>
  </tr>
  <tr>
    <td align="center">7</td><td>Try ikon</td>
    <td align="center">X</td><td>X</td><td>X</td>
  </tr>
    <tr>
    <td colspan="8" style="border-top:#000000 solid;"face="Times New Roman" size="2"align="right">
Judaz Fitronesillah<br/>
108533414498<br/>
Off B
</td>
  </tr>
</table>
</body>
</html>

1 comment:

  1. assalamualaikum
    ini kunjungan kesekian kali ke blog sahabat :)
    dan menyimak terus update postingan yang semakin menarik
    sekaligus memberi info bahwa kangmusa telah membuat ebook baru
    "Blog Monetization Options" yang bisa diunduh disini
    terima kasih, saya tunggu kunjungan Anda di kangmusa.com
    salam hangat
    kangmusa

    ReplyDelete