Belajar HTML ( table )



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)
NoNamaKelas
1ChalisaX IPA 1
2FairuzX IPA 2
3SyafinaX IPA 3

Kode HTML



















(Simpan dengan nama tabel.html), kemudian coba jalankan)

Contoh 2 ( Penggunaan colspan & rowspan )
Biodata
NamaChalisa
KelasXIPA 1
HobiBelajar
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.
Belajar membuat tabel</table> </head> <body> <table> <tr><td>No</td><td>Nama</td><td>Kelas</td></tr> <tr><td>1</td><td>Chalisa</td><td>X IPA 1</td></tr> <tr><td>2</td><td>Fairuz</td><td>X IPA 2</td></tr> <tr><td>3</td><td>Syafina</td><td>X IPA 3</td></tr> </table </body> </html> <br><br> (Simpan dengan nama tabel.html), kemudian coba jalankan) Contoh 2 ( Penggunaan colspan & rowspan ) Biodata Nama Chalisa Kelas XIPA 1 Hobi Belajar Renang <br><br> Kode HTML <table border=1> <tr><td colspan=2 align=center>Biodata</td></tr> <tr><td>Nama</td><td>Chalisa</td></tr> <tr><td>Kelas</td><td>XIPA 1</td></tr> <tr><td rowspan=2>Hobi</td><td>Belajar</td></tr> <tr><td>Renang</td></tr> </table> <br><br> (Simpan dengan nama tabel1.html, kemudian coba jalankan) <br><br> Apabila kode yang diketikkan benar, maka insya allah hasilnya akan tampil seperti tabel di atas. <br><br> Pada postingan berikutnya saya akan membahas masih tentang table yang insya alllah akan dibahas tentang atribut-atribut pada table. <br><br> Semoga bermanfaat.