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:

Production	Name and Code
	Shalom Buraka	3829
	Brandy Davis	0283
Sales	Claire Horne	4827
	Bruce Eckel	7246
Office	Danny Zeman	5689
http://dunia-blogger.blogspot.com

Presiden masa depan►	Name and Code
	Marcellino	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.