Dalam pengolahan data, untuk menghasilkan tampilan yang mudah di mengerti biasanya digunakan suatu media. Salah satu media yang sering digunakan adalah tabel. ( table --english ).
Banyak sekali definisi tabel, diantaranya yaitu :
1. Tabel adalah alat untuk menampilkan informasi dalam bentuk matriks
2. Tabel adalah set data yang berada di dalam database
3. Tabel adalah suatu daftar
( sumber wikipedia )
Untuk pengertian secara resminya penulis belum menemukan sumber yang bisa dijadikan referensi tentang pengertian table..Klo ada share ya...di koment
Akan tetapi saya dalam praktik belajar HTML ini saya cenderung setuju dengan pendapat yang mengatakan tabel merupakan media yang digunakan untuk menampilkan data dalam baris
dan kolom.
Kita akan mulai saja membahas cara membuat table dengan HTML.
Tag (perintah ) dalam membuat table:
<table> ... </table> : Memulai membuat table
<th> ... </th> : Membuat judul kolom
<tr> ... </tr> : Membuat baris
<td> ... </td> : Membuat isi data
Atribut-atribut pada table, diantaranya :
colspan : Menggabungkan kolom
rowspan : Menggabungkan baris
border : Memberikan garis/bingkai
width : Lebar tabel
Sebelum masuk ke praktik pembuatan tabel, sebaiknya kita bisa membedakan antara baris dan kolom. Secara inderawi baris adalah data yang tersusun secara horizontal (mendatar), sebalik kolom tersusun secara vertikal (berdiri).
Selanjutnya silahkan buat tabel berikut ini dengan mengetikkan kode html pada text editor ( note pada, notepad ++,dll )
Contoh 1 ( baris=4,kolom 3)
No | Nama | Kelas |
1 | Chalisa | X IPA 1 |
2 | Fairuz | X IPA 2 |
3 | Syafina | X IPA 3 |
Kode HTML
(Simpan dengan nama tabel.html), kemudian coba jalankan)
Contoh 2 ( Penggunaan colspan & rowspan )
Biodata | |
Nama | Chalisa |
Kelas | XIPA 1 |
Hobi | Belajar |
Renang |
Kode HTML
(Simpan dengan nama tabel1.html, kemudian coba jalankan)
Apabila kode yang diketikkan benar, maka insya allah hasilnya akan tampil seperti tabel di atas.
Pada postingan berikutnya saya akan membahas masih tentang table yang insya alllah akan dibahas tentang atribut-atribut pada table.
Semoga bermanfaat.