Home » » Cara Membuat Table di Blog

Cara Membuat Table di Blog

Pernah buat Table di Microsoft Word kan? dan ingin membuatnya di blog maka kita harus mengetahui Elemen HTML nya
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.
Comments
0 Comments

0 komentar:

Posting Komentar

Silahkan berkomentar dengan menggunakan kata yang Sopan...
Trims...

Languange

English German Russian Japanese Arabic Chinese Simplified

Chat