Mengisi sidebar kanan dan kiri pada tampilan blog 3 dimensi dengan Tag table

 Memang pada sidebar kanan maupun kiri pada template 3 dimensi karya kang fatur, pada sisi luar nya telah berborder. Tapi kalau kita isi dengan widget di dalamnya yang tidak berborder, kesan 3 dimensinya kurang menonjol. Untuk mengatasinya atau bahkan untuk menonjolkannya agar kesan 3 dimensinya lebih terlihat, diperlukan border di dalam border. Untuk mewujudkannya dengan cara yang paling mudah dan yang saya ketahui … he … he … he … adalah menggunakan elemen table. Pada posting kali ini saya akan membahas cara pembuatan Table border. Coba perhatikan gambar di bawah ini .

Ini contoh table berboder rata ke sampinh ( mendatar )

gambar

gambar

gambar

Ini contoh table berborder rata ke bawah

gambar

gambar

gambar

Yang perlu di perhatikan dalam membangun table Yang paling sederhana dan mudah di hapal adalah. Elemen-elemen sebagai berikut;

Tag table harus di awali < table > dan di tutup </table>

<tr> harus di tutup </tr> di gunakan untuk membuat kolom ganti baris

<td> harus di tutup </td> di gunakan untuk membuat isi table

Untu membuat table berborder di gunakan kata border= nilai

Untuk memberi warna dengan menggunakan kata bgcolor=code warna

Celspacing di gunakan untuk membuat spasi antara table dengan table di dalamnya.

Celspading untum membuat ketebalan /lebar bidang datar dalam dengan isi table. Elemen yang lainnya di jelaskan sambil kita jalan. Ok … Biar Mudeng

Langsung perhatikan contoh aja ya Bat !!! ( Maksud saya sobat )

Contoh Code

<table>

<tr><td> gambar</td></tr><tr><td> gambar</td></tr><tr><td> gambar</td></tr>

</table>

Jadinya seperti ini

gambar

gambar

gambar Contoh Code

<table border=0>

<tr><td> gambar</td></tr><tr><td> gambar</td></tr><tr><td> gambar</td></tr>

</table>

Jadinya seperti ini

gambar

gambar

gambar

Contoh Code

<table border=2>

<tr><td> gambar</td></tr><tr><td> gambar</td></tr><tr><td> gambar</td></tr>

</table>

Jadinya seperti ini

 

gambar

gambar

gambar

Itu contoh code2 table Rata ke bawah. Lihat perbedaan dari ketiga contoh code di atas, kenapa hasil tampilan kok berbeda. Yang perlu di ingat, Dalam memasang code border, nilainya harus lebih dari satu atau sama dengan satu. agar ada perbedaan antara table berborder dan yang tak berborder.
Ok... Semoga Mudeng. Dah dulu yaa... aku tek berangkat ngode.

Search Post

Label :