Membuat Tabel HTML

05.21 |

Membuat Tabel HTML

Nama	Tempat Lahir
Dede Opik	Tasikmalaya

Apabila melihat contoh susunan tabel diatas, pengertian kode HTML nya adalah sebagai berikut : diakhiri dengan

: digunakan sebagai tanda awal tabel .. : digunakan sebagai tanda awal baris, tr kependekan dari table row .. : digunakan untuk membuat tampilan kolom header tabel, th kependekan dari table head .. : digunakan untuk menyusun kolom data, td kependekan dari table data Setiap elemen dari kode HTML tersebut harus tersusun dan tertata dengan benar. Perhatikan tanda slash / garis miring di setiap akhir elemen, itu merupakan kode penutup untuk kode pembuka di semua jenis kode HTML. Atribut pendukung Tabel : align : untuk mengatur posisi horizontal valign : untuk mengatur posisi vertikal width : untuk mengatur lebar height : untuk mengatur tinggi border : untuk mengatur tebal garis border-color : untuk memberi tebal garis dengan warna cellpadding : untuk mengatur jarak garis dengan objek didalamnya cellspacing : untuk mengatur jarak tiap cell bgcolor : untuk mengatur warna background : untuk mengatur latar gambar rowspan : jumlah baris yang memotong beberapa baris colspan : jumlah kolom yang memotong beberapa kolom Berikut adalah contoh tabel yang terdiri dari 3 baris dan 2 kolom.

Cell 1 - Baris 1 Kolom 1	Cell 2 - Baris 1 Kolom 2
Cell 3 - Baris 2 Kolom 1	Cell 4 - Baris 2 Kolom 2
Cell 5 - Baris 3 Kolom 1	Cell 6 - Baris 3 Kolom 2

Hasil: Dalam contoh sengaja ditambah dengan atribut border agar kita dapat melihat posisi dari tabel tersebut, karena secara default nilai dari border ini adalah 0 jika tidak disertakan dengan tag . Mengatur lebar dan tinggi tabel: Untuk mengatur lebar table digunakan atribut width atau bisa juga dengan style CSS dengan properti width. Untuk lebar dan tinggi dari td kita gunakan atribut style dengan properti width dan height. Berikut adalah contoh tabel dengan lebar 75% dari lebar dokumen dan lebar kolom masing 50% dengan tinggi pada baris pertama adalah 40px.