}

Rabu, 04 Agustus 2010

Membuat tabel di blog 2

Melanjutkan postingan kemarin, saya akan membahas cara membuat table di blog. Silahkan ikuti langkah – langkah berikut :
Jika tabelnya ingin di beri warna, tinggal tambahkan kode bgcolor="kode warna". contoh : Melanjutkan postingan kemarin, saya akan membahas cara membuat table di blog. Silahkan ikuti langkah – langkah berikut :
Jika tabelnya ingin di beri warna, tinggal tambahkan kode bgcolor="kode warna". contoh :








Contoh

</td&rt;
<td align="center"&rt;

Contoh juga denk
</td>
<tr bgcolor="yellow"&rt;
<tr>
<td align="center"&rt;

Contoh

</td&rt;
<td align="center"&rt;

Contoh juga

</td&rt;
</tr&rt;
</table&rt;


hasilnya seperti ini :












Contoh



Contoh juga denk



Contoh



Contoh juga denk


Sekarang saya beri contoh lagi dengan mengunakan fungsi caption serta TH (table header). Misalkan saya ingin membuat sebuah tabel data dari nama-nama teknisi. Data-data yang ingin di buatkan tabel, misalkan seperti ini :

Kode yang di pakai bisa seperti ini :
<table align="left" border="2" bgcolor="cyan" cellpadding="5" cellspacing="0" &rt;
<caption align="top"><b>Tabel 1.1</b&rt;</caption&rt;
<tr bgcolor="fuchsia"&rt;
<th colspan="2">Data Nama kawanku</tr>
<tr bgcolor="green"&rt;
<th>No. </th&rt;
<th>Nama</tr&rt;
<tr bgcolor="yellow"&rt;
<td>1. </td&rt;
<td>Ridwan </td&rt;
</tr&rt;
<tr bgcolor="red"&rt;
<td>2. </td&rt;
<td>Amirul</tr&rt;
<tr bgcolor="blue"&rt;
<td>3.<td>Firdaus</td&rt;
</tr&rt;
</table&rt;
Hasilnya kira-kira seperti ini :





















Tabel 1.1
Data Nama kawanku
No.Nama
1.Ridwan
2.Amirul
3.Firdaus

Selain untuk menempatkan tulisan, sebuah tabel pun banyak di gunakan untuk menempatkan gambar agar terlihat lebih rapih. Contoh :










mau pinter membuat blog? klik saja di sini

mau software gratis? klik saja di sini

mau melihat ramalan, klik saja di sini

Mau Ebook? klik saja di sini


jika anda beranggapan bahwa garis tabel menggangu pemandangan, maka kita bisa mensiasatinya dengan cara menghilangkan garisnya yaitu nilai borde rnya kita buat 0 (nol).
contoh :

<table width="300" border="0" cellpadding="20"&rt;
<tr>
<td align="center">
<a href="http://ridomeivaldi.blogspot.com" target="new">mau pinter membuat blog? klik saja di sini</a&rt;
</td>

<a href=" ">mau software gratis? klik saja di sini</a&rt;
</td&rt;
</tr>
<tr>
<td align="center">
<a href="ramalanuntukanda.blogspot.com">mau melihat ramalan, klik saja di sini</a&rt;

Mau Ebook? klik saja di sini

Hasilnya :










mau pinter membuat blog? klik saja di sini

mau software gratis? klik saja di sini

mau melihat ramalan, klik saja di sini

Mau Ebook? klik saja di sini




Tidak ada komentar:

Posting Komentar