Membuat Text Mengalir di sekeliling Gambar Website

Ada saatnya kita menginginkan bikin seperti di majalah-majalah di mana text mengalir di sekitar gambar. Mungkin saja semakin lebih terang bila saya perlihatkan gambar ini :

Bagaimana langkahnya?

Kita bakal memasukkan style CSS kedalam kode gambar hingga dapat lakukan bermacam jenis modifikasi. Insya Allah kelak dibagian CSS kita bakal tekuni semuanya lebih detil. Lantaran artikel ini mempunyai tujuan untuk bikin text yang mengalir di sekitar gambar, jadi kita ulas sisi itu saja dahulu ya.

image-html

Untuk memberi CSS di kode HTML, kita cukup memberikan atribut style saja. Hingga akhirnya seperti ini :

<img src=”images/gambarku.jpg” alt=”Ini Gambarku” style=”float:right”/>

Cermati, ada penambahan style= ” float : right ” pada atribut images-nya. Pada contoh di atas, saya bikin gambar ada di samping kanan serta text mengalir di samping kirinya. Jika menginginkan gambarnya di kiri serta text di kanan, jadi kita cukup ganti kata right dengan left. Gambar bukan? Misalnya seperti ini :

<img src=”images/gambarku.jpg” alt=”Ini Gambarku” style=”float:left”/>

Dapat dipahami kan?

Oke, insya Allah besok kita ulas sisi HTML yang cukup utama dalam SEO yakni Heading. Doakan semoga miliki banyak saat ya.. Thanks

Iklan

Tinggalkan Balasan

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