Membuat Text Mengalir di sekeliling Gambar
DAFTAR ISI

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

Baca Juga:  Ketagihan Gadget, Picu Pertikaian Pasangan

Ebook Gratis!!

Subscribe untuk dapatkan e-book GRATIS dan informasi teknologi terbaru dan diskon menarik langsung di Email-mu

Taufiq
Taufiq
Digital Strategist & System Analyst. Passion dalam teknologi terutama dalam pengembangan aplikasi. Selain itu senang mempelajari digital marketing dan bisnis.
0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
WhatsApp chat