Membuat Text Mengalir di sekitar Gambar

Membuat Text Mengalir di sekeliling Gambar

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


Butuh Web Developer Makassar atau Jasa SEO di Makassar yang bergaransi? Jangan ragu dengan infanthree.com. Kami juga penyedia Jasa Pembuatan Aplikasi Android di Makassar yang terkemuka. Selain itu ada layanan SEM, SMM, Internet Marketing Agency Makassar dan Social Media, Pembuatan Logo, Konten, Video, Maskot dan Instalasi jaringan ataupun mikrotik, hingga pelatihan komputer dan internet marketing.

Recommended Posts

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

WhatsApp chat