Membuat Tabel HTML dengan Dreamweaver

Tabel

Digunakan untuk menyusun data ke dalam baris dan kolom.

Membuat Tabel

Klik menu Insert->Table seperti terlihat pada gambar dibawah ini:

Maka akan muncul jendela seperti terlihat dibawah ini:

Keterangan:

  • Rows adalah banyaknya  baris  yang ingin dibuat
  • Columns adalah banyaknya kolom yang ingin dibuat
  • Table Width adalah lebar tabel
  • Border Thickness adalah ketebalan garis pembatas dari tabel
  • Cell padding adalah jarak antara isi dengan pembatas kolom
  • Cell spacing adalah jarak antara satu sel dengan sel lainnya
  • Header adalah judul dari masing-masing kolom
  • Caption adalah judul dari tabel
  • Align Caption adalah letak teks judul (rata atas/bawah/kanan/kiri)

Contoh:

Buatlah satu file HTML dengan nama silabus.html dengan isi seperti terlihat pada tabel dibawah ini:

Pertemuan
Materi
Keterangan
Pertemuan 1 Perkenalan, Silabus,Webserver,PHP,Mysql,editor Mengenal konsep dasar pemograman web developer, web server
Memahami syntax penulisan program php
Pertemuan 2 Dasar-Dasar pemograman PHP Memahami struktur dasar php, seperti variabel,tipe data,
Operator,fungsi,array,date,time
Pertemuan 3 Struktur Logika dan Perulangan Mengenal CONTROL LOGIKA IF dan CONTROL PERULANGAN
DO WHILE, FOR, FOREACH

Muncul  Pertanyaan:

Bagaimana membuatnya … ?

Jawaban:

Informasi Tabel yang akan dibuat

Tabel silabus tersebut terdiri dari:

  • 6 baris
  • 3 kolom
  • Posisi header di atas

Membuat Tabel

Pada jendela design, masukan tabel dengan cara Klik menu Insert->Table, lalu isi pada jendela Table seperti terlihat pada gambar dibawah ini:

Lalu klik tombol OK maka akan menghasilkan tabel seperti terlihat dibawah ini:

Nah sekarang kamu isi tabel diatas.

Jika tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura’.


You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *