Ada kalanya kita ingin membuat seperti di majalah-majalah dimana text
mengalir di sekeliling gambar. Mungkin akan lebih jelas jika saya
tunjukkan gambar ini:
Bagaimana caranya?
Kita akan memasukkan style CSS ke dalam kode gambar sehingga bisa melakukan aneka macam modifikasi. Insya Allah nanti di bagian CSS kita akan pelajari semua lebih rinci. Karena artikel ini bertujuan untuk membuat text yang mengalir di sekeliling gambar, maka kita bahas bagian itu saja dulu ya.
Untuk menambah CSS di kode HTML, kita cukup menambahkan atribut style saja. Sehingga hasilnya seperti ini:
<img src="images/photoku.jpg" alt="Ini Photoku" style="float:right"/>
Perhatikan, ada tambahan
<img src="images/photoku.jpg" alt="Ini Photoku" style="float:left"/>
Bisa dimengerti kan?
artikel selanjutnya ada disini,
Bagaimana caranya?
Kita akan memasukkan style CSS ke dalam kode gambar sehingga bisa melakukan aneka macam modifikasi. Insya Allah nanti di bagian CSS kita akan pelajari semua lebih rinci. Karena artikel ini bertujuan untuk membuat text yang mengalir di sekeliling gambar, maka kita bahas bagian itu saja dulu ya.
Untuk menambah CSS di kode HTML, kita cukup menambahkan atribut style saja. Sehingga hasilnya seperti ini:
<img src="images/photoku.jpg" alt="Ini Photoku" style="float:right"/>
Perhatikan, ada tambahan
style="float:right" pada
atribut images-nya. Pada contoh diatas, saya buat gambar ada di sebelah
kanan dan text mengalir di sebelah kirinya. Apabila ingin gambarnya di
kiri dan text di kanan, maka kita cukup mengganti kata right dengan
left. Gambar bukan? Contohnya seperti ini:<img src="images/photoku.jpg" alt="Ini Photoku" style="float:left"/>
Bisa dimengerti kan?
artikel selanjutnya ada disini,
