//
Tulisan terbaru
HTML

HTML Perkecil dan Perbesar Gambar tanpa border


Hai sahabat ini postingan kedua setelah postingan pertama yaitu menghilangkan garis pada sisi foto / border nah sekarang saya ingin berbagi lagi pelajaran tentang membesarkan dan memperkecil gambar tanpa garis ditepi gambar yaitu dengan cara demikian :

Gambar di atas adalah dengan ukuran 100 x 100 dengan HTML-nya seperti berikut :

<img style="border: 0px none;"title="ukuran 100x100" src="https://bonekahantu.files.wordpress.com/2012/07/bh.png" alt="" height="100" width="100" border="0">

Gambar di atas adalah dengan ukuran 200 x 200 dengan HTML-nya seperti berikut :

<img style="border: 0px none; "title="ukuran 200x200" src="https://bonekahantu.files.wordpress.com/2012/07/bh.png" alt="" height="200" width="200" border="0">

Gambar di atas adalah dengan ukuran 300 x 300 dengan HTML-nya seperti berikut :

<img style="border: 0px none; "title="ukuran 300x300" src="https://bonekahantu.files.wordpress.com/2012/07/bh.png" alt="" height="300" width="300" border="0">

nahh untuk tampilan gambar bersusun caranya demikian :
100 x 100

Kode HTML-nya seperti berikut :

‘/<img style=”border: 0px none;” title=”ukuran 50×50″ src=”https://bonekahantu.files.wordpress.com/2012/07/bh.png&#8221; alt=”” width=”50″ height=”50″ border=”0″ />/<img style=”border: 0px none;” title=”ukuran 100×100″ src=”https://bonekahantu.files.wordpress.com/2012/07/bh.png&#8221; alt=”” width=”100″ height=”100″ border=”0″ />/<img style=”border: 0px none;” title=”ukuran 150×150″ src=”https://bonekahantu.files.wordpress.com/2012/07/bh.png&#8221; alt=”” width=”150″ height=”150″ border=”0″ />/<img style=”border: 0px none;” title=”ukuran 200×200″ src=”https://bonekahantu.files.wordpress.com/2012/07/bh.png&#8221; alt=”” width=”200″ height=”200″ border=”0″ />/’

Ket : warna Merah adalah untuk menghilangkan garis pada tepi gambar, warna Biru adalah ukuran pada gambar, dan warna Kuning adalah pembatas saja jadi jika menginginkan gambar bersusun maka hilangkan tanda pada warna kuning tersebut, Ok sahabat semoga bermanfaat ya..
Artikel terkait :

About Boneka Hantu

SELALU INGIN BERBAGI

Diskusi

Belum ada komentar.

Komentar Dong's

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Facebook Fans

Masukkan alamat surat elektronik Anda untuk mengikuti blog ini dan menerima pemberitahuan tentang tulisan baru melalui surat elektronik.

Singgah

  • 95,513 hits
Powered by Wordpress ~ Designed by WooThemes ~ Redesigned by Boneka Hantu