artikel yang ada saya dapat dari jelajah web,forum,blog,dsb, kepada semua pihak harap maklum, hanya bertujuan sebagai sharing aja!

Rabu, 24 Maret 2010

Cara Membuat Tabel



Untuk membuat Tabel di Blog atau Web, kita memerlukan kode sebagai pembuka dan kode
sebagai penutup. didalam kode Table tersebut terdapat dua bagian yaitu (Table Rows) untuk membuat banyaknya baris kemudian di dalam Table Rows ada kode (Table Data) Untuk tempat pengisian data dan menentukan banyaknya kolom pada masing-masing baris (Table Rows).


Contoh Kode Table:






Marcellino 1493
Agatha 3829
Aulia 8372
Jessica 4827


Hasil:

Marcellino

1493

Agatha

3829

Aulia

8372

Jessica

4827


Penjelasan: Untuk Membuat Tabel, Pertama Buka Baris dengan menggunakan tag kemudian isi dengan banyaknya kolom tagdan tutup kode sesuai dengan kode asing masing

kolom ke 1 Baris Pertama Kolom ke 2 baris pertama Kolom Berikutnya

Itu artinya pada Baris Pertama diisi dengan 3 kolom dan untuk menambahkannya cukup menggunakan tag isi


Parameter Pendukung Table:

Untuk mempercanti Table, ada banyak parameter mulai dari Background, Border, Jarak antar Sel dan lainnya: berikut penjelasannya:

Border: Untuk memberikan Garis Tepi pada tabel. coba lihat dan bandingkan dengan tabel pertama. Penulisannya di dalam tag

yaitu
border="5"> dimana angka lima merupakan besarnya garis tepi dalam pixel.

CellSpacing: Untuk Menentukan jarak Antara garis (border Table dengan garis atau border text (terlihat jarak antar garis terlihat berjauhan) Penulisan kodenya diletakan pada tag
yaitu
cellspacing="10"> dimana angka 10 merupakan besarnya jarak antar sel.


CellPadding: Untuk Menentukan jarak text dengan Garis dalam ( telihat garis dalam dan luar berdekatan dan ada jarak teks dengan garis dalam). Pnulisannya :

cellpadding="10"> dengan jarak 10 pixel.

Terkadang dalam Membuat tabel, kita menggabungkan beberapa kolom atau baris menjadi satu. untuk itu digunakan kode ColsSpan dan RowSpan

Kode:
























ProductionName and Code
Shalom Buraka 3829
Brandy Davis 0283
SalesClaire Horne 4827
Bruce Eckel 7246
OfficeDanny Zeman 5689
http://dunia-blogger.blogspot.com

Presiden masa depan

Name and Code

Marcellino sengihnampakgigigelakguling

1001

obama

6567

Presiden/Mantan Presiden

SBY

8546

Suharto

2758

menteri

Ucup

3579

http://marcellinoagatha.blogspot.com



Penjelasan:

  • Diberikan Warna pada kode di atas, menunjukan banyaknya baris disini ada baris silahkan cek pada tabel.
  • Tag (tabel header) penggati tag biasanya untuk menebalkan bagian Umum Suatu Tabel misalnya, No, Keterangan, Jumlah dan lainnya.


Semoga setelah anda membaca cara-cara pembuatan tabel diatas anda bisa memahami tentang penggunaan code html dalam pembuatan tabel.


Poskan Komentar

kunjungi blog ini dan kasih komentar ya.......