Materi PWEB 1 : Tabel

Tabel

Apa itu tabel?

Tabel adalah daftar yang berisi sejumlah data-data informasi yang biasanya berupa kata-kata maupun bilangan yang tersusun dengan garis pembatas. Tabel terdiri dari kolom dan baris...

Tabel biasa digunakan untuk membuat suatu daftar atau susunan yang akan disimpan dengan mudah. Jadi kita bisa mengingat atau membaca sesuatu dengan mudah.
Bagaimana cara membuat tabel pada dokumen html ?
Disini kita akan menggunakan tag <table> <tr> <td> dan <th>
Apa fungsi dari ketiga tag tersebut?

- <table> : Untuk membuat table pada dokumen html. Elemen pada tag ini berfungsi untuk mengatur tampilan tabel

- <tr>      : (Table Row) untuk mendefinisikan baris pada tabel

- <td>     : (Table Data) untuk mendefinisikan isi dari suatu tabel

- <th>     : (Table Heading) untuk membuat judul pada sebuah tabel seperti No, Nama, Kelas, dll. Biasanya hurufnya menjadi bold.

Contoh penulisan di html :

<table width=80% border=2 cellspacing=0 cellpadding=0>
   <tr>
   <td>Baris 1 Kolom 1</td>
    <td>Baris 1 Kolom 2</td>
    </tr>
    <tr>
   <td>Baris 2 Kolom 1</td>
    <td>Baris 2 Kolom 2</td>
            </tr>
    <tr>
   <td rowspan = 2>Baris 3 Kolom 1</td>
    <td>Baris 3 Kolom 2</td>
            </tr>
</table>

Dari kodingan diatas, bisa kita lihat atribut dari tag table. Seperti width, border, cellspacing, dan cellpadding. Contoh dari hasil kodingan diatas :

Contoh Tabel

Macam - macam atribut untuk membuat tabel pada html :

Border	Menentukan ukuran border/pembatas tabel
Width	Menentukan lebar tabel
Height	Menentukan tinggi tabel
Bgcolor	Menentukan warna background pada tabel
Background	Menentukan gambar background suatu sel
Color	Mengatur warna suatu sel dalam tabel
Align	Mengatur bentuk perataan horizontal
Valign	Mengatur bentuk perataan vertikal
Rowspan	Menggabungkan beberapa baris
Collspan	Menggabungkan beberapa kolom

Cukup sekian dari saya...