Devy Ferdiansyah, M. Kom

Kumpulan BLOG dan VLOG Pribadi Koe

Membuat Tabel Dengan Menggunakan DreamWeaver

1 min read

Pembuatan tabel dengan menggunakan kode HTML menggunakan Tag <table></table>, setiap tabel pasti memiliki baris tabel, ini ditulis dengan menggunakan Tag <tr></tr>, dalam baris tabel terdapat tabel data, ini dituliskan dengan tag <td></td>, jika ingin mengetikkan secara manual, kurang lebih kodenya seperti ini :

<table width="100%" border="0" cellspacing="1" cellpadding="5">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Tabel diatas adalah tabel kosong dengan struktur tabel 3 baris 4 kolom, jika dilihat tampilan designnya seperti ini:

Akan tetapi jika menggunakan aplikasi dreamweaver, maka kode diatas tidak perlu diketik manual, cukup dengan hanya mengklik menu-menu sebagai berikut:

  1. Klik menu INSERT
  2. Pilih Table
    • Rows: 3
    • Column : 4
    • Table Width : 100 %
    • OK

Ilustrasi jendela tabelnya adalah sebagai berikut:

Gampangkan??, Selamat mencoba…

More Stories

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *