Tuesday, May 12, 2015

Cara Membuat Floating Image Dalam Halaman Web

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>
<img src="EEPROM.jpg" align="left" widht="344" height="100">
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,
Gambar sebelah kiri,Gambar sebelah kiri,Gambar sebelah kiri,Gambar sebelah kiri.
</p>
<p>
<img src="EEPROM.jpg" align="right" widht="344" height="100">
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,
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.

0 komentar:

Post a Comment

 
Copyright © . Grup Kuliah - Posts · Comments
Powered by Blogger
close
==[ Klik disini 1X ] [ Close ]==