Float CSS ~ Take Knowledge

Penggunaan float pada CSS memungkin seorang program dapat meletakan suatu gambar berada disisi suatu konten sehingga tampilan dari konten dapat didukung dengan penggunaan gambar disampingnya. Penggunaan float pada CSS juga dapat membuat suatu image gallery, thumpnail, dll.

Umumnya penggunaan float pada CSS diperuntukan untuk konten gambar akan tetapi juga dapat di implementasikan pada konsep layout sehingga dalam 1 halaman web dapat membuat suatu bagian yang saling bersampingan.

Adapun contoh penggunaan float pada CSS dapat melihat potongan code dibawah ini :

	<!DOCTYPE html>
	<html>
	<head>
	<style>
	img {
	float: right;
	}
	</style>
	</head>
	<body>

	<p>In the paragraph below, we have added an image with style <b>float:right</b>.
	The result is that the image will float to the right in the paragraph.
	</p>

	<p>
	<img src="image/gambar.png" width="100" height="140">

	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
	when an unknown printer took a galley of type and scrambled it to make a type specimen book.
	It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
	</p>

	</body>
	</html>

view raw float.html hosted with ❤ by GitHub

Pada code diatas letak gambar akan berada disebelah kanan dari konten, karena penggunaan float: right; pada tag img ayang perlu diperhatikan adalah

Table HTMLPenggunaan TABLE didalam sebuah web sangat diperlukan misalnya saja seseorang ingin menampilkan kum
Image HTMLKegunaan sebuah gambar sangat penting, selain sebagi penunjang konten yang disajikan penggunaan gam
Attribut HTMLAtribut pada bahasa HTML memberikan suatu informasi tambahan mengenai suatu tag HTML, informasi yan
Style HTMLSebuah website akan terlihat lebih menarik jika terdapat beberapa unsur didalamnya seperti tata let
Konfigurasi Codeigniter Php Framework 2 Pada artikel Php Mysql - Konfigurasi Codeigniter Php Framework kita sudah melakukan konfigu
Selector CSSSelector pada CSS berguna untuk memanggil tag - tag yang ada pada html seperti <h1> <p>
Apa itu CSSCSS adalah singkatan (Cascading Style Sheet) yang merupakan kumpulan perintah-perintah yang akan me
ID HTMLKetika mendengar atau membaca sebuah kata ID tentunya yang kita tahu pertama adalah ID tersebut mer
Konfigurasi Codeigniter Php Framework 1 Sebelumnya kita sudah melakukan Instalasi Codeigniter Php Framework sekarang kita akan mela
Layout HTMLSebuah website sangat membutuhkan peranan LAYOUT (tata letak) dari setiap - setiap konten agar

Take Knowledge

Float CSS

Related Post

Popular

Label

Arsip