Cara Membuat Floating Image Dalam Halaman Web ~ Loker dan Kuliah

Tuesday, May 12, 2015

Cara Membuat Floating Image Dalam Halaman Web

3:17:00 PM Posted by Abdul Rohman 1 comment

Floating Image adalah teknik membiarkan suatu umage atau gambar mengambang di kiri atau di kanan paragraf. Tag yang digunakan adalah:

<img src="Image.jpg" align="left" widht="344" height="100">

Contoh:

<html>

<body>

<p>

Gambar sebelah kiri, Gambar sebelah kiri,Gambar sebelah kiri,Gambar sebelah kiri,

Gambar sebelah kiri,Gambar sebelah kiri,Gambar sebelah kiri,Gambar sebelah kiri,

Gambar sebelah kiri,Gambar sebelah kiri,Gambar sebelah kiri,Gambar sebelah kiri.

</p>

<p>

Gambar sebelah kiri, Gambar sebelah kiri,Gambar sebelah kiri,Gambar sebelah kiri,

Gambar sebelah kiri,Gambar sebelah kiri,Gambar sebelah kiri,Gambar sebelah kiri,

Gambar sebelah kiri,Gambar sebelah kiri,Gambar sebelah kiri,Gambar sebelah kiri.

</p>

</body>

</html>

Hasilnya:

Contoh diatas memposisikan image di sebelah kiri dan kanan dari sebuah paragraf.