MODUL PEMROGRAMAN WEB DESAIN PEMBUATAN TABEL DALAM HTML

Posted by Ciciku on 12:51 AM in Materi TKJ,

Dalam html, table memiliki 2 fungsi yaitu

·         Untuk mengatur informasi ke dalam bentuk tabular

·         Untuk mengatur tampilan (layout) dari suatu halaman atau bagian halaman tertentu,

Sejak kemunculan css, fungsi kedua menjadi hal yang tidak direkomendasikan karena table hanya ditujukan untuk menampilkan data dalam bentuk tabular, sedangkan tampilan (layout) sebaiknya dibuat menggunakan css.

BAGIAN-BAGIAN TABEL

Tabel memiliki bagian-bagian yang disebut kolom, baris dan sel.

Keterangan :

·         Kolom merupakan atribut table. Setiap table dapat memiliki beberapa kolom.

·         Baris merupakan isi sebuah record dari table bersangkutan.

·         Sel adalah bagian terkecil dari suatu table yang berisi data atau nilai dari kolom dan baris tertentu.

Tag HTML untuk Pembuatan table

·         <table> </table>  adalah digunakan untuk mendefinisikan table didalam dokumen html.

·         <caption> </caption> adalah digunakan untuk menyertakan judul table. Posisi judul table dapat diubah pada bagian atas atau bawah table.

·         <tr> </tr> adalah digunakan untuk membuat baris baru di dalam table.

·         <th> </th> adalah digunakan untuk membuat sel header atau judul kolom dari suatu table.

·         <td> </td> adalah digunakan untuk membuat sel dalam table. Semua data yang dimunculkan dalam suatu table harus dibuat menggunakan tag <td>.