Page 50 - Modul web baru

www.flipbuilder.com www.flipbuilder.com 45 www.flipbuilder.com

MODUL V
FORMAT TABEL DALAM HALAMAN WEB

Tujuan :
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
1. Menjelaskan anatomi tabel minimal
2. Menjelaskan tabel dengan Spanning
3. Menjelaskan tabel dalam tabel

4. Menjelaskan Desain halaman web dengan konsep tabel
5. Menyajikan anatomi tabel minimal

6. Menyajikan tabel dengan Spanning

7. Menyajikan tabel dalam tabel
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
8. Menyajikan Desain halaman web dengan konsep tabel

Table merupakan cara untuk menampilkan informasi dalam halaman web dengan
bentuk kolom dan baris. Terdapat tiga tag atau elemen utama yang digunakan dalam

pembuatan table, yaitu: <table>, <tr>, dan <td>. Yang perlu diingat adalah bahwa tag
<tr> dan <td> harus terletak di antara tag <table> dan </table>.

5.1. <table>
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
Digunakan untuk mendefinisikan pembuatan tabel. Memiliki attribut:
• align - perataan: rata kiri (left), tengah (center) atau kanan (right).

• valign – mengatur bentuk perataan secara vertikal

• bgcolor – mengatur warna latar belakang (background) dari tabel.
• background – menentukan gambar yang digunakan sebagai background tabel

• color – Untuk mengatur warna suatu sel dalam tabel

• border – menentukan ukuran border tabel (dalam pixel).
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
• rowspan – menggabungkan beberapa baris

• colspan – menggabungkan beberapa kolom

• cellpadding - jarak antara isi cell dengan batas cell (dalam pixel).
• cellspacing – mengatur spasi/jarak antar cell (dalam pixel).

• width – menentukan lebar tabel dalam pixel atau percent.

• height – Menentukan tinggi tabel
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
2. <tr>
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:

▪ align - perataan: rata kiri (left), tengah (center) atau kanan (right).

Modul Pemrograman Web SMKN 2 Mojokerto

www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com