halo teman teman dumenity, selamat datang kembali di tutorial tutorial pemrogramman dumet school yang tentunya selalu update sesuai dengan perkembangan teknologi, dan kali ini kita akan belajar membuat image fake atau gambar palsu untuk keperluan pembuatan website kita, dengan bantuan Fakeimg.pl. yuk kita praktekan teman teman.
di beberapa pembuatan website biasa nya kita selalu memakai gambar palsu sebelum menunggu gambar gambar yang asli yang di kirim dari user atau klien, nah disini bisa kita pakai Fakeimg.pl sebagai alternative nya. cara pake nya pun sederhana, silah kunjungi link ini https://fakeimg.pl/ , setelah itu kita copy can tag image nya, sebelum itu saya akan memberi tahu dulu aturan aturan yang ada di dalam fakeimg.pl ini.
penjelasan nya seperti gambar di bawah ini.
jadi untuk ukuran ada di parameter pertama di situ kita bisa membuat width dan height nya sesuai kebutuhan kita teman teman, dan untuk parameter ke dua yaitu untuk warna dari gambar tersebut, dan yang terakhir itu text atau isi dan jenis font yang di gunakan.
misal kita akan pasang img dengan width 800px dan height 400px, warna gambar kuning dan warna huruf nya hitam, isi dari text nya adalah halo dan jenis font nya adalah lobster. untuk lebih jelas ketikan kode berikut di bawah ini teman teman.
<!DOCTYPE html> <html> <head> <title>image fake</title> </head> <body> <div class="grid-container"> <div class="grid-item"> <img src="https://fakeimg.pl/800x400/FFC107,128/000,255?text=Halo&font=lobster"> </div> </div> </body> </html>
untuk lebih rapih kita berikan css nya berikut yah teman.
.grid-container{
display: grid;
grid-template-columns: auto;
width: 800px;
margin: auto;
grid-gap: 10px;
}
.grid-item{
/*border: 10px solid #bdc3c7;*/
/*width: 200px;*/
margin: auto;
}
dan hasil nya akan seperti berikut.
sesuai yang kita buat di atas, akan ada gambar dengan width 800px dan height 400px, warna gambar kuning dan warna huruf nya hitam, isi dari text nya adalah halo dan jenis font nya adalah lobster.
oke teman teman sekian tutorial Fake Image dengan Fakeimg.pl. semoga bermanfaat yah teman teman.
The post Fake Image dengan Fakeimg.pl appeared first on Kursus Website Terbaik.