Memberi Background pada Table HTML

Memberi Background pada Table HTML | Cara Membuat Table dan memodifikasinya | Belajar dasar Table pada HTML. Membuat sebuah tabel harus di awali dengan tag <table> dan ditutup dengan tag </table>.
Sedangkan untuk membuat setiap baris dalam tabel harus diawali tag <tr> dan diakhiri tag </tr>. Tentunya kita juga butuh setiap kolom dalam 1 baris maka buatlah kolom dengan diawali <td> dan diakhiri tag </td>.
sedangkan untuk membuat headernya gunakanlah tag <th> dan </th>. Dan judul tabel dibuat dengan tag <caption> dan </caption>.
sebuah tabel dapat digunakan untuk membuat postingan blog kita menjadi rapi dan lebih merata karena sebuah tabel bisa kita buat tanpa menggunakan garis garis pembatas (Border) sedangkan jika kita ingin membuat garis pembatasnya maka tinggal gunakan tag <border>, misalnya <table border=1>.
Kita juga dapat memberi gambar latar atau background pada setiap sel dengan cara <td background=gambar.jpg>. Atau diberi warna latar diberi warna : <td bgcolor=aEt#203e8d>,dan dapat menambahkan link pada setiap kolom <td><a href=link.html><img src=gambar.gif border=0></td>. Sehingga apabila masing2 sel diberikan link gambar maka akan menghasilkan effect seperti efek imageMap.
Atribut Tabel lain yang dibutuhkan untuk membuat suatu tabel diantaranya
Pengaturan perataan teks horizontal seperti ini : align (left, center, right, justify), contohnya : <tr align=left>, <td align=left>.
Pelurusan vertical suatu sel : valign(top, middle, bottom), ex : <tr valign=top>, <td valign=bottom>.
Untuk mengatur Jumlah kolom yang ditempati sebuah sel gunakanlah tag : rowspan=n, contohnya : <td rowspan=2>
Agar kata yg dimuat dalam sebuah sel tidak terlipat atau menghasilkan garis baru gunakanlah tag : nowrap, contohnya : <td nowrap>
Menentukan panjang/lebar suatu sel/kolom : (weight, height), contohnya : <td height=10, weight=5> Contoh sebuah tabel sederhana:


<table border=2>
<caption>Judul Tabel</caption>
<tr>
<th>header1</th>
<th>header2</th>
<th>header3</th>
</tr>
<tr>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
<td>baris 1 kolom 3</td>
</tr>
<tr>
<td>baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
<td>baris 2 kolom 3</td>
</tr>
</table>

Dari contoh diatas maka akan menjadi sebuah tabel seperti ini

Judul Tabel

header1	header2	header3
baris 1 kolom 1	baris 1 kolom 2	baris 1 kolom 3
baris 2 kolom 1	baris 2 kolom 2	baris 2 kolom 3

ulasan tentang Memberi Background pada Table HTML