Page 47 - Modu Web Kelas XI

42

MODUL V
FORMAT TABEL DALAM HALAMAN WEB

Kompetensi Dasar

3.5 Menerapkan format tabel pada halaman
4.3. Membuat kode html untuk menampilkan tabel pada halaman web

4.2. Membuat kode html teks untuk menampilkan teks dalam format tertentu pada halaman web
Tujuan Pembelajaran

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

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>

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).

• 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

2. <tr>

Modul Pemrograman Web SMKN 2 Mojokerto