Kumpulan Informasi Loker dan Kuliah di Indonesia

Tuesday, May 12, 2015

Cara Membuat Floating Image Dalam Halaman Web

3:17:00 PM Posted by Abdul Rohman No comments
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