Membuat Kotak Tabel di Blog

Silahkan bagikan :

۞ السَّــــــلاَمُ عَلَيْــــــكُمْ وَرَحْمَــةُ اللــــهِ وَبَرَكَاتُــــــــــهُ ۞

۞ بســـــــــــــم اللّـــه الرّحمٰن الرّحيـــــــــــــم ۞

-----------------------------------------------------------------------

Membuat Kotak Tabel di Blog

Kali ini akan membahas cara membuat tabel, kolom atau kotak pada blog. Pernah menggunakan exel kan...? Dan google sebenarnya memberikan layanan pembuatan tabel (online). lihat dan login ke http://docs.google.com/ ( ==>New==> Spreadsheet). Kalau mau mencoba dan untuk latihan belajar ber"tabel" ria, situs google ini layak disambut. kita bisa share dan publish as a webpage . Ya, kita bisa menampilkan tabel tersebut di postingan, Yakni dengan copas kode yang diberikan.
Tapi kalau mau mencoba dengan cara berikut juga dipersilahkan.
Oke kita langsung saja.
a. Satu kolom

Kodenya:

<table border="1"><tr><td>Nama ></td></tr></table>


b. Dua kolom

Kodenya:

<table border="1" width="300">
<tr><td>Nama </td><td>Alamat</td></tr>
</table>


c. Tiga kolom dengan empat baris

Kodenya:

<table border="1" width="300">
<tr bg#3366ff">#E0F8E0">
<td align="center">
<b>Nama</b></td><td align="center"><b>Alamat</b></td><td align="center"><b>Hobby</b></td>
</tr><tr><td align="center">A</td><td align="center">6</td><td align="left">BO</td></tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">BO</td></tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">BO</td></tr>
<tr><td align="center">
</td><td align="center">6</td><td align="left">BO</td></tr>
</table>

Begitu gambaran umumnya, dan silahkan ganti sendiri kode yang perlu diganti sesuai keadaan blog.

Dan ini merupakan atribut dalam pembuatan tabel:

* bgcolor : pengaturan warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".


* align : pengaturan tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .


* cellpadding : pengaturan jarak antara tepi sel dengan isi sel di dalam sebuah tabel. Penempatan kodenya : cellpadding="pixel" .


* border : pengaturan tingkat ketebalan garis tepi pada tabel. Penempatan kodenya : boeder="pixel" .


* cellspacing : pengaturan jarak antara sel. Penempatan kodenya : cellspacing="pixel" .

* height : pengaturan tinggi tabel. penempatan kodenya : height="pixel"|"%" .

Dan lain-lain.....

۞ الحمد لله ربّ العٰلمين ۞

-----------------------------------------------------------------------

• Tweet
• Share
• Share
• Share
• WhatsApp