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:
<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