Kode HTML Untuk Membuat Tabel Di Blogspot

Dibalik Layar - Jokkajo.com Sekedar berbagi, kali aja ada yang lagi nyari kode HTML untuk membuat tabel seperti dibawah ini.

Tabel digunakan untuk menampilkan data dengan rapi, sehingga akan sangat mudah bagi orang lain membacanya.

Ini adalah contoh tabel yang akan dibagikan script html nya, script html ini bersumber dari jagodesain.com perancang template median ui 1.6 seperti yang terpasang di situs ini.

No	Column_1	Column_2	Column_3	Column_4	Column_5
1	Data_table_1	00.000.000	0.000.000	0.000.000	0.000.000
2	Data_table_2	00.000.000	0.000.000	0.000.000	0.000.000
3	Data_table_3	00.000.000	0.000.000	0.000.000	0.000.000
4	Data_table_4	00.000.000	0.000.000	0.000.000	0.000.000

Salin kode html berikut ke setingan HTML nya, di halaman berikut..

<div class='table'> <table> <thead> <tr> <th>No</th> <th>Column_1</th> <th>Column_2</th> <th>Column_3</th> <th>Column_4</th> <th>Column_5</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Data_table_1</td> <td>00.000.000</td> <td>0.000.000</td> <td>0.000.000</td> <td>0.000.000</td> </tr> <tr> <td>2</td> <td>Data_table_2</td> <td>00.000.000</td> <td>0.000.000</td> <td>0.000.000</td> <td>0.000.000</td> </tr> <tr> <td>3</td> <td>Data_table_3</td> <td>00.000.000</td> <td>0.000.000</td> <td>0.000.000</td> <td>0.000.000</td> </tr> <tr> <td>4</td> <td>Data_table_4</td> <td>00.000.000</td> <td>0.000.000</td> <td>0.000.000</td> <td>0.000.000</td> </tr> </tbody> </table> </div> 

Judul kolom bisa disesuaikan, mau berapa kolom tinggal ditambahkan saja dan di isi nama kolom tersebut

Daftar isi kolom adalah isian kolom perbaris

Setingan warna sesuaikan saja di bagian awal kode

Ada juga model lain dari tabel, seperti dibawah ini

kolom 1	kolom 2	kolom 3
1	baris 1	baris 1
2	baris 2	baris 2
3	baris 3	baris 3

Contoh bisa lihat postingan ini Hasil Kode HTML di Atas 

Semoga bermanfaat

Baca juga :