Memberi Background pada Table HTML

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Posted by mukhammad nur Selasa, 03 April 2012 2 komentar
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
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Memberi Background pada Table HTML
Ditulis oleh mukhammad nur
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://cintafido.blogspot.com/2012/04/memberi-background-pada-table.html. Terima kasih sudah singgah membaca artikel ini.

2 komentar:

Anonim mengatakan...

itu bukan javascript tp html biasa -_-'

Cinta Fido mengatakan...

@anonim terimakasih atas koreksinya, maklum newbie. :)

Posting Komentar

Panduan blog dan SEO support Online Skill - Cinta fido Fido | Kopi kanan Akherat | Kisah Nabi Muhammad | Sahabat | Belajar Blogger | Template | HTML | Tutorial | Komputer.

investasi semoga anda senang

kurs mata uang BCA-2


Selamat datang di blog cinta fido, semoga anda diberi keSehatan oleh alloh SWT

Islam itu Cinta Damai Agama Islam Cinta Damai
jihad Damai adalah amal kebaikan yang Allah perintahkan dan menjadi sebab kokoh dan kemuliaan umat islam