Meletakkan Image Di Sebelah Tepi Ayat Perenggan

Anda tentu tertanya-tanya bagaimana saya meletakkan gambar di sebelah tepi perenggan ayat pada posting ini bukan? Menggunakan teknik ni membuatkan blog atau website kita nampak lebih cantik dan menarik. Seperti kata kumpulan VE .. cantik, menarik, tertarik, kau memang da bomb.

Anda tentu terpikir manalah saya dapat idea pelik ni. Wajabnya mudah sahaja. Saya memang seorang web designer serta pembangun website. Tentu lah senang sahaja kan? heheh (berlagak lah pulak).

Sebenarnya, ini adalah salah satu daripada teknik mudah yang biasa saya gunakan. Selain itu saya selalu menggunakan bantuan CSS dalam menyusun atur halaman web saya., tapi untuk tujuan blog so saya permudahkan prosesnya.

Nak tahu bagaimana?

And hanya perlu tambahkan hspace=20 pada attribut img dalam coding anda. Selain daripada itu, anda boleh menambah attribut align=left atau align =right pada attribut image tersebut. Menggunakan attribute vspace, ia akan menambahkan rungan sebanyak 20px pada sebelah kiri dan kanan image. Lihat contoh dibawah:

<img src="http://www.ncsu.edu/images/32x32/bshelf_clear.gif" align=left hspace=20>This is an image of a bookshelf. The text is aligned to the left and there is a horizontal space of 20 pixels. It looks nice this way. It helps to add a horizontal space to the image so the text is not so close to the picture.<br clear=left>