Malam sobat Prastyblogger yang setia berkunjung dan selalu menunggu postingan yang menarik dan unik di Blog ini.
Setelah kemarin posting Cara Membuat Tulisan Berkedip-kedip kali ini saya mau berbagi tentang Cara Membuat Table di Blog.Langsung saja simak baik-baik.
Di sini saya ingin menunjukkan bagaimana cara membuat table di blog mulai dari satu kolom sampai beberapa kolom. Tentu saja ini ditujukan bagi Anda yang belum tahu bagaimana cara membuat table di blog. Beberapa attribute yang biasa digunakan untuk membuat table adalah :
1.<tabel> :Perintah untuk membuat Tabel
2.<tr> :Perintah untuk membuat Baris
3.<td> :Perintah untuk membuat Kolom
Untuk lebih jelasnya silahkan sobat lihat Contoh di bawah ini:
<table border="1" align="left"><tbody><tr><td>nama tabel</td></tr></table>
Tabel akan seperti ini :
nama tabel
Kalau yang 2 kolom kodenya :
<table border="1" style="width:"auto">
<tr>
<td>dua kolom</td>
<td>dua kolom</td>
</tr>
</table>Hasilnya seperti ini :
dua kolom | dua kolom |
Atau sobat bisa makai yang ini :
<table border="1" style="width:"auto">
<tr>
<td>dua baris kolom</td>
<td>dua baris kolom</td>
</tr>
<tr>
<td>dua baris kolom</td>
<td>dua baris kolom</td>
</tr>
</table>
<table border="1" style="width:"auto">
<tr>
<td>dua baris kolom</td>
<td>dua baris kolom</td>
</tr>
<tr>
<td>dua baris kolom</td>
<td>dua baris kolom</td>
</tr>
</table>
dua baris kolom | dua baris kolom |
dua baris kolom | dua baris kolom |
Dengan cara di atas Anda bisa menambahkan menjadi beberapa kolom.
Sekarang kita coba untuk menambahkan beberapa attribute.
<table border="1" bgcolor="" cellpadding="5" cellspacing="5"style="width:"auto"gt;
<tr>
<td align="center" colspan="5"> Table </td></tr>
<tr>
<td align="left" bgcolor=""> cell colspan 1 </td>
<td align="left" bgcolor=""> cell colspan 2 </td>
<td align="left" bgcolor=""> cell colspan 3 </td>
<td align="left" bgcolor=""> cell colspan 4 </td>
<td align="left" bgcolor=""> cell colspan 5 </td>
<tr/>
</table>
style="width:"auto"gt;
Table | ||||
cell colspan 1 | cell colspan 2 | cell colspan 3 | cell colspan 4 | cell colspan 5 |
Selanjutnya Sobat bisa memodifikasi cara membuat table di atas dengan kreasi Sobat sendiri.
Silahkan kunjungi juga Artikel Menarik dibawah ini :
1. Cara Setting Kotak Postingan Yang Simpel
2. Cara Pasang Kode Warna Di Blog
3. Cara Lihat Kecepatan Loading Blog
lam kenal gan,,kunjungan perdana,,,,
ReplyDeletekunbaliknya y gan...
thank's sob,,,
DeleteTernyata simple banget gan thanks udah share nih ^^
ReplyDelete@Dpjkt48 :YA ,gan sma=-sama..
Deletemaksih dh berkunjung??
Makasih ya buat sharingnya....manfaat banget :)
ReplyDelete@DIANA :sama-sama diana,,trimakasih kalau artikel diatas bermanfaat buat sobt blogger...
Deletemaksih juga ats kunjunganya...
keren sob...
ReplyDeletekomentar balik di blog saya ya..!
@nanang:makasih bang,,di tunggu z?
Delete