Table HTML

Membuat Tabel

• Tabel dalam html didefinisikan dengan tag <table> .
• Setiap barisnya didefinisikan dengan <tr> .
• Setiap data tabel(cell) didefinisikan dengan <td> .
• Membuat garis tabelnya menggunakan attribut border pada tag <table> .
• Menentukan posisi tabel dengan attribut align pada tag <table> .
• Mengatur lebar tabel dengan attribut width, bisa menggunakan px atau %, default px(pixel) , bisa juga digunakan pada <td> untuk mengatur lebar tiap kolomnya(gunakan di <td> baris paling atas karena yang bawahnya akan otomatis mengikuti yang atas) .
• Menggabungkan kolom menggunakan attribut colspan pada tag <td>, lalu valuenya dengan no(tergantung berapa kolom yang ingin digabung) 
• Menggabungkan baris menggunakan attribut rowspan pada tag <td>, lalu valuenya dengan no(tergantung berapa baris yang ingin digabung)  

Contoh :

<table border="1" align="center"  width="500px">
<tr>
<td colspan="2">Nama</td>
<td rowspan="2">Umur</td>
</tr>
<tr>
<td>Depan</td>
<td>Belakang</td>
</tr>
<tr>
<td>data ke-1</td>
<td>data ke-2</td>
<td>data ke-3</td>
</tr>
<tr>
<td>data ke-4</td>
<td>data ke-5</td>
<td>data ke-6</td>
</tr>
</table>

Hasil :

Nama		Umur
Depan	Belakang
Alexander	Jajang	24
Royal	Jelly	41

Menambah Caption pada tabel

Untuk menambahkan tulisan diatas tabel menggunakan tag <caption> dibawah tag <table>.

Fungsinya untuk memberi judul diatas tabel dan posisinya tepat di tengah tabelnya.

Contoh :

<table border="1" align="center"  width="500px">
<caption>Tabel Umur Pegawai</caption>
<tr>
<td colspan="2">Nama</td>
<td rowspan="2">Umur</td>
</tr>
<tr>
<td>Depan</td>
<td>Belakang</td>
</tr>
<tr>
<td>Alexander</td>
<td>Jajang</td>
<td>24</td>
</tr>
</table>

Hasil :

Tabel Umur Pegawai

Nama		Umur
Depan	Belakang
Alexander	Jajang	24