Buaya Terbang Blog

Monday, July 16, 2018

TUTORIAL CSS FLOAT BAHASA INDONESIA

CSS Float merupakan contoh tag css yang digunakan untuk membuat elemen berada di samping sebuah background,gambar dan tulisan,tag ini umum digunakan untuk membuat konten bergambar disertai dengan tulisan

Sebagai contoh lihat gambar dibawah ini :

Untuk membuat tag bercampur atau biasa sebut dengan float lihat dibawah ini :

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

<p>
<h1>Haiii Buaya Terbang ,selamat pagi ,jangan lupa yahh doa pagi yahh :)</h1>
</p>

<p><img src="/root/Pictures/a1.png" alt="Buaya Terbang">
Selamat datang di forum Buaya Terbang Selamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya Terbang
</body>
</html>

Lihat gambar dibawah ini :

Untuk membuat float pada sebuah element,kita tinggal menambahkan tag :

float: right;

Didalam tag <style></style>,jika kita ingin membuat float di sebelah kiri,maka tagnya adalah :

float: left;

Lihat Artikel berikut : Cara Extrude di Autocad 2016

Lihat dibawah ini :

<!DOCTYPE html>
<html>
<head>
<style>
img {
    float: left;
    width:50%;
    height: 50%;
}
</style>
</head>
<body>

<p>
<h1>Haiii Buaya Terbang ,selamat pagi ,jangan lupa yahh doa pagi yahh :)</h1>
</p>

<p><img src="/root/Pictures/a1.png" alt="Buaya Terbang">
Selamat datang di forum Buaya Terbang Selamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya TerbangSelamat datang di forum Buaya Terbang
</body>
</html>

Lihat gambar dibawah ini,ini adalah contoh float di sebelah kiri :

Sampai disini dulu yakk semoga mengerti :)

Gbu :)

Lihat Artikel berikut : Tidak ada module ashmem_linux ( Help Me )