Membuat Table Notepad HTML

Dalam sebuah artikel atau sebuah pelajaran sering kita jumpai yang namanya table baik itu sederhana atau yang sudah banyak bentuknya. Mungkin sobat udah pada tau yang namanya table. Table merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom.

Lalu bagaimana caranya jika kita membuat table tersebut di notepad html? Berikut ini kita akan belajar cara membuat table html.

Buka notepad lalu ketikkan struktur html sama seperti pembahasannya sebelumnya, lalu ketikkan <table> </table>. Disini kita harus paham antara kolom dan baris, kalau untuk kolom <TD></TD>
kalau untuk baris <TR> </TR>.

simpan file dengan save as dan beri nama table lalu buka browser ctrl+o maka hasilnya seperti ini

ini masih gambaran seperti tabel tapi belum ada tabelnya, sekarang kita buat tabelnya dengan mengetik <table border "1px">.

akan jadi seperti ini:

untuk mempercantik tabel kita bisa mengatur panjang dan tingginya dengan mengetik <table border="1px"width="50%"heigh="50%">.

sekarang tabel kita telah nampak bagus

Dalam sebuah tabel pasti banyak bentuk tabel yang berbeda-beda misalnya beberapa kolom disatukan, baris disatukan seperti pada contoh kolom dibawah ini:

Lalu bagaimana kita membuatnya?. Simple aja kita hitung dulu berapa kolom dan baris lalu kita tinggal menghapus kolom tersebut dengan mengetik <td colspan="3">kolom7</td>.

dan  hasilnya seperti ini yang baris ketiga disatukan                                                    
                                                               

untuk menyatukan kolom kita tinggal ketik <td rowspan="2">kolom 6 </td> seperti berikut.

hasilnya kolom dan baris yang kita satukan  sudah jadi:

Nah sekarang kita akan membuat tampilan tabel seperti ini, bagaimana cara membuatnya

                                                                

Untuk membuat tabel diatas ketikkan saja kode dibawah ini:

ini hasil terakhir yang kita desain tadi :

Nah sekarang ada tugas ni dari pak dosen  untuk membuat tampilan tabel  hampir mirip dalam membuat web  seperti tampilan  berikut:

sekarang kita mulai menulis kode-kode yang diperlukan dalam membuat table tersebut

jangan sampai ada sedikitpun ketinggalan kode tersebut dan ini hasil akhir tabel kita sudah jadi

Sekian dan selamat mencoba

데시 소산비