Popular Post


web widgets
Posted by : Unknown Kamis, 28 November 2013

Setelah belajar membuat tabel, kita langsung latihan membuat tabel.
Contoh tabel yang saya buat seperti ini :



Dan ini scriptnya

Untuk tabel pertama :
<table width="80%" height="50%" border="2" align="center" bordercolor="black" bgcolor="aqua">
  <tr>
    <td colspan="2"><center>1</td>
    <td colspan="2" rowspan="2"><center>4</td>
    <td rowspan="4"><center>5</td>
  </tr>
  <tr>
    <td><center>2</td>
    <td><center>3</td>
  </tr>
  <tr>
    <td colspan="2"><center>6</div></td>
    <td colspan="2"><center>7</div></td>
  </tr>
  <tr>
    <td colspan="2"><center>8</td>
    <td><center>9</td>
    <td><center>10</td>
  </tr>
</table>

Untuk tabel kedua :
<table width="100%" height="50%" border="1" align="center">
  <tr>
    <td colspan="5" bgcolor="yellow"><center>SATU</td>
  </tr>
  <tr>
    <td colspan="2" bgcolor="green"><center>DUA</td>
    <td width="217" bgcolor="green"><center>TIGA</td>
    <td width="228" bgcolor="green"><center>EMPAT</td>
    <td width="159" bgcolor="green"><center>LIMA</td>
  </tr>
  <tr>
    <td colspan="2" bgcolor="red"><center>ENAM</td>
    <td colspan="2" bgcolor="red"><center>TUJUH</td>
    <td rowspan="2"><center>DELAPAN</td>
  </tr>
  <tr>
    <td width="140"><center>SEMBILAN</td>
    <td colspan="2"><center> SEPULUH</td>
    <td> <center>SEBELAS</td>
  </tr>
  <tr>
    <td> <center>DUA BELAS </td>
    <td colspan="3"><center>TIGA BELAS </td>
    <td rowspan="2"><center>ENAM BELAS </td>
  </tr>
  <tr>
    <td><center>EMPAT BELAS </td>
    <td colspan="3"><center>LIMA BELAS</td>
  </tr>
</table>

Jika anda ingin download keduanya, silahkan di Klik





Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © 2013 Ujian Akhir Semester - Date A Live - Powered by Blogger - Designed by Johanes Djogan -