tag table dalam HTML

table adalah tabel, iya kan..?, semua pasti tahu tabel kan..?, kalau sudah tahu tidak usah saya kasih pengertiannya ya.., karena saya sendiri sulit mengistilahkannya,
naah disini saya akan sharing tentang cara membuat tabel di blog, website, lokal site dan sejenisnya
mulai tag dasarnya sampai penjelasannya, saya usahakan penjelasannya jelas, dan saya sarankan kepada para pembaca untuk pelan pelan saja untuk mempelajari tag table ini, belum baca langsung pusing, kan harus dicoba dulu. langsung saja tag dasarnya
tag dasar table adalah seperti berikut :

<table>
<tr>
<td></td>
</tr>
</table>

penjelasan
/.tag <tr> untuk baris (untuk mudah di ingat huruf r adalah singkatan dari Row yang berarti baris)
tag <td> untuk kolom
dan hukum HTML yang berisi setiap tag harus memiliki penutup / , contoh <tr> ditutup dengan</tr> dst
step 1 dasar tag
contoh : 
saya menuliskan sebuah kelompok kode seperti berikut

<table>
<tr>
<td>sel 1</td>
<td>sel 2</td>
</tr>
<tr>
<td>sel 3</td>
<td>sel 4</td>
</tr>
</table>

hasil :

sel 1	sel 2
sel 3	sel 4

tag diatas adalah tag dasar, untuk tag pengembangannya kita harus menambahkan beberapa atribut yang biasa digunakan seperti cellspacing, cellpadding dll, 

step 2 menambahkan atribut
contoh : 
saya menuliskan sebuah kelompok kode seperti berikut

<table cellpadding='2' cellspacing='1' border='2' style="width:200px;">
<tr style='background-color:black;color:white'>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
</tr>
</table>

hasilya :

cell 1	cell 2
cell 3	cell 4

penjelasan : 

cellpadding untuk jarak tulisan dengan garis cell

cellspacing untuk jarak spasi antar cell

border untuk tebal garis outline cell

width untuk lebar cell

background-color untuk warna background (sebenarnya ini kode css namun dapat dipindah ke HTML)

konsentrasi pada contoh dan kode kodenya, tapi jangan berlebihan nanti lapar, hehe

step 3 merge cell
merge yaitu menggabungkan baris atau kolom, sama dengan di microsoft excel namun berbeda dalam pembuatannya, dalam pembuatannya kita menambahkan atribut colspan dan rowspan
contoh :

saya menuliskan sebuah kelompok kode seperti berikut : 

<table border="2" cellspacing="2" cellpadding="2" width="300px" style="text-align:center">
<tr style='background-color:black; color: white'>
<td>No</td>
<td colspan="2">Nama</td>
</tr>
<tr style='background-color:black; color: white'>
<td>1.</td>
<td>lengkap</td>
<td>panggilan</td>
</tr>
<tr>
<td>2.</td>
<td>badar wildanie</td>
<td>badar</td>
</tr>
</table>

hasilnya :

No	Nama
1.	lengkap	panggilan
	badar wildanie	badar

penjelasan :
colspan untuk menggabungkan kolom (col = column),
syntax kode : colspan="jumlah kolom yang akan digabungkan"
rowspan untuk menggabungkan baris
syntax kode : rowspan="jumlah baris yang akan digabungkan"

mungkin itu saja yang dapat saya posting kali ini, mungkin saya akan memperjelas postingan ini dilain waktu
selamat mempelajari