Cara Membuat Garis dan Tabel di blogspot

Sebenarnya kalau sudah tau caranya memang mudah, dulu aku sempat puyeng gimanaya caranya membuat garis dan tabel dipostingan itu?.. aku sempat puter-puter cari sana cari sini tanya mbah google nggak dijawab trus tanpa sengaja aku di kasih tau oleh mas..mas sapa ya ... gak ada namanya, aku baca trus aku pelajari  ternyata begini caranya;


Cara membuat garis;

Contoh:
<hr>

Kenyataannya;


Contoh:


<hr>
belajar membuat garis
<hr>

Kenyataannya;

belajar membuat garis



Cara membuat Tabel:


Rancangan Tabel; disini aku membuat kode khusus seperti di bawah ini
<table> ........ </table>


Garis Batas Tabel; untuk mengatur tingkat ketebalan garis tepi pada tabel
<table border=?> ........ </table>


Lebar Tabel;  untuk mengatur lebar tabel (dalam satuan pixel)
<table width=?>


Lebar Tabel Persentasi; untuk mengatur lebar tabel (dalam satuan persen)
<table width="%">


Tinggi Tabel;  untuk mengatur tinggi tabel (dalam satuan pixel)
<table height=?>


Tinggi Tabel Persentasi; untuk mengatur tinggi tabel (dalam satuan persen)
<table height="%">


Baris dalam Tabel
<tr></tr>


Sel dalam Tabel (harus ada dalam setiap baris tabel)
<td></td>

Sell Spacing/Celah Sel; untuk mengatur jarak antara sel (dalam satuan pixel)
<table  cellspacing=?>


Cell Padding/Penyangga Sel; untuk mengatur jarak tepi sel dengan isi sel dalam tabel (dalam satuan pixel)
<tabel cellspadding=?>


Elemen pada Penataan Letak Baris
<tr align=left | right| center | middle | bottom valign=top | bottom | middle>


Elemen pada Penataan Letak Sel
<td align=left | right| center | middle | bottom valign=top | bottom | middle>


Tanpa Ganti Baris
<td nowrap>


Rentang Kolom
<td colspan=?>


Rentang Baris
<td rowspan=?>


Warna Sel
<td bgcolor="#$$$$$$">


Kepala Tabel  (Table Header - seperti data dengan Bold dan Center)
<th></th>


Penataan Letak Kepala Tabel
<th align=left | right| center | middle | bottom valign=top | bottom | middle>


Tanpa Baris Baru
<th nowrap>


Rentang Kolom
<th colspan=?>


Rentang Baris
<th rowspan=?>


Lebar Kepala Tabel (dalam satuan pixel)
<th width=?>


Lebar Persentasi (dalam persentasi terhadap lebar tabel)
<th width="%">


Warna Kepala Tabel
<th bgcolor="#">


Keterangan Tabel
<caption></caption>


Penataan Keterangan (di atas / di bawah tabel)
<caption align=top | bottom>

Contoh:

<table class="MsoTableGrid" style="border: medium none ; background:  #ccff66; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; border-collapse: collapse; width: 200px; height: 15px;" border="1" cellpadding="0" cellspacing="0"> <tbody><tr style=""> <td style="border: 1pt solid windowtext; padding: 0cm 5.4pt; width: 442.8pt;" valign="top" width="590"> <p class="MsoNormal"><o:p>teks dan tulisannya berada di dalam sini mas</o:p></p> </td> </tr> </tbody></table>  

Hasil:

teks dan tulisannya berada di dalam sini mas

(dengan menghilangkan kode warna background)
Hasil:

teks dan tulisannya berada di dalam sini mas

sampai disini dulu ya....

Related product you might see:

Share this product :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Kacoeng Kampret - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger