Cara Membuat Garis dan Tabel di blogspot

 

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="450"> <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


2 comments:
Write Komentator