Tuesday, June 4, 2013

Cara Mudah Membuat Tabel Di Blog, tutorial terlengkap

Assalamu'alaikum... apa kabar sobat blogger, kali ne sahabat kancil ingin berbagi ilmu, bukan ilmu kebainan ne yah,,, hehehe, tapi ilmu bagai mana cara untuk membuat tabel di blog,,, mungkin sobat  bertanya-tanya caranya gimana, wong toolnya gak ada, gak kayak di ms.word ato office... berikut caranya dan contohnya:

CONTOH I (1 BARIS DAN 3 KOLOM)
<table align="center" border="10" cellpadding="10" cellspacing="10" tbody="" widht="auto">
       <tbody>
<tr>
     <td>nomor </td>
     <td>nama</td>
     <td>alamat</td>
</tr>
</tbody></table>

HASILNYA
nomor nama alamat



CONTOH 2 (2 BARIS 3 KOLOM)
<table align="center" border="10" cellpadding="10" cellspacing="10" tbody="" widht="auto">
       <tbody>
<tr>
     <td>nomor </td>
     <td>nama</td>
     <td>alamat</td>
</tr>
<tr>
     <td>1. </td>
     <td>muhammad zein</td>
     <td>lombok i love u</td>
</tr>
</tbody></table>


HASILNYA
nomor nama alamat
1. muhammad zein lombok i love u


CONTOH 3 (MENAMBAH WARNA MERAH PADA KOLOM 1,KUNING KOLOM 2, HIJAU PADA KOLOM 3
<table align="center" border="10" cellpadding="10" cellspacing="10" tbody="" widht="auto">
       <tbody>
<tr>
     <td bgcolor="red">nomor </td>
     <td bgcolor="yellow">nama</td>
     <td bgcolor="green">alamat</td>
</tr>
<tr>
     <td bgcolor="red">1. </td>
     <td bgcolor="yellow">muhammad zein</td>
     <td bgcolor="green">lombok i love u</td>
</tr>
</tbody></table>

HASILNYA
nomor nama alamat
1. muhammad zein lombok i love u


note:
setiap perintah dengan awalan <td> atau <tr> harus di akhiri dengan tanda / atau contohnya

</td>
<tr/>
</tbody>
</table>
dll...

keterangan:
Td                     : adalah untuk membut kolom
Tr                     : adalah untuk membuat baris
cellpadding       : jarak antara border dengan garis pinggir kolom
width               : lebar, bisa anda ganti denga ukuran sesua kebutuhan anda / bisa auto untuk                   lebar yang otomatis

saya kira cukup jelas, tapi bagi saya,,, 
















Mungkin ini saja yang bisa sahabat kancil kasih dalam kesempatan ini,,, untuk lebih lanjut nya bisa anda kembangkan dan praktekkan sendiri, mudah-mudahanan apa yang sahabat kancil share bisa bermanfaat amin,,, jangan lupa tingalkan jejaknya dengan comment artikel ini,,, sampai jumpa lagi wassalamu'alaikum,,,

No comments:

Post a Comment