Terdapat 3 elemen utama dalam pembuatan elemen table HTML, diantaranya adalah
<table>
Element ini digunakan untuk menggabungkan anatar <tr> dan <td> sehingga menghasilkan sebuah tabel matriks.
<tr>
Element ini digunakan untuk membuat sebuah baris di dalam tabel. Untuk peletakan script-nya, element <tr> berada didalam element <table>.
<td>
Element ini digunakan untuk membuat sebuah colom di dalam tabel. Untuk peletakan script-nya, element <td> berada didalam element <tr>.
Sehingga element <td> dan <tr> berada di dalam element <table> maka dihasilkanlah sebuah tabel yang terdiri dari baris dan kolom.
Perlu diketahui bahwa tabel itu terdiri dari baris dan kolom, maka untuk membuat sebuah tabel di perlukan penggabungan antara baris dan kolom sehingga menghasilkan sebuah tabel matriks.
1. Membuat baris/row
Sebuah tabel terdiri dari kumpulan beberapa baris atau rows. Baris atau row merupakan elemen tabel yang tersusun kebawah. Lihat contoh baris berikut,
Data atau Isi |
Penerapannya di dalam HTML akan seperti ini.
2. Membuat kolom/colom
Dikatakan tabel sudah pasti memiliki kolom. Kolom merupakan elemen tabel yang tersusun ke samping. Untuk lebih jelasnya lihat contoh berikut,
Data atau Isi | Data atau Isi | Data atau Isi | Data atau Isi |
Penerapannya di dalam HTML akan seperti ini.
3. Penggabungan antara baris dan kolom
Untuk menghasilkan sebuah tabel yang terdiri dari beberapa kolom dan baris maka script yang telah saya jelaskan diatas digabung menjadi satu, hasilnya akan seperti ini.
No | Nama | Tempat & Tanggal Lahir | Alamat |
1 | Hendro Rudiansyah | Pematangsiantar, 31 Juli 1990 | Yogyakarta, Sleman |
2 | Ferdy Pebrianto | Medan, 07 February 1989 | Yogyakarta, Sleman |
3 | M. Nurul Qadri | Pematangsiantar, 22 Agustus 1990 | Jakarta Selatan |
4 | Angger Dwi Elriyanta | Bantul, 20 Juni 1989 | Sewon Bantul |
Penerapannya di dalam HTML akan seperti ini.
untuk code color anda bisa rubah warna teksnya
untuk bgcolor anda bisa rubah warna background teksnya
Untuk lainnya anda bisa kreasikan Sendiri mau gimana ya terserah anda.