Ada masanya kita mau membuat seperti pada majalah-majalah dimana text mengalir di sekitar gambar.
Bagaimana caranya?
Kita akan memasukkan style CSS ke dalam kode gambar sehingga dapat melakukan aneka macam modifikasi. Insya Allah nanti pada bagian CSS kita akan pelajari semua lebih rinci. Sebab artikel ini dimaksudkan untuk membuat text yang mengalir di sekitar gambar, maka kita bahas bagian itu saja dulu ya.
Untuk menambah CSS di kode HTML, kita cukup menambahkan atribut style saja. Sehingga hasilnya semacam ini:
<img src="images/gambarku.jpg" alt="Ini Gambarku" style="float:right"/>
Perhatikan, ada tambahan style="float:right" pada atribut images-nya. Dalam contoh diatas, saya buat gambar ada di sebelah kanan dan text mengalir di sebelah kirinya. Jika mau gambarnya di kiri dan text di kanan, maka kita cukup mengganti kata right dengan left. Mudah bukan? Misalnya semacam ini:
<img src="images/gambarku.jpg" alt="Ini Gambarku" style="float:left"/>
Bisa dipahami kan?
Oke, insya Allah besok kita bahas bagian HTML yang cukup penting dalam SEO yaitu Heading. Doakan semoga memiliki banyak waktu ya.. Thanks
