Cara untuk Mengecilkan dan Membesarkan Ukuran Gambar

Oke Sobat Dunia Programming, bertemu lagi dengan saya dalam Tutorial Cara untuk Mengecilkan dan Membesarkan Ukuran Gambar, langsung saja kita mulai pembahasanya.
Cara untuk Mengecilkan dan Membesarkan Ukuran Gambar - Dunia Programming
Cara untuk Mengecilkan dan Membesarkan Ukuran Gambar

Jika kita berkunjung ke suatu blog atau website, terkadang kita menemukan Gambar berupa jpg atau gif yang di pasang sebagai penghias blog, tentunya kalian juga ingin bukan kalau blog kalian atau halaman web kalian terlihat lebih menarik dengan menambahkan gambar di footer atau di navigasi blog. caranya gampang kalian hanya perlu menambahkan kode html image di bawah ini.  

Contoh Script :

Script HTML
<!doctype html>
<html>
<head>
<title>Dunia Programming</title>
</head>
<body>
<img src="Link Gambar kalian">
</body>
</html> 

Keterangan : 
Untuk tulisan warna merah, kalian dapat isikan alamat gambar kalian yang ingin ditampilakn atau digunakan.

Lalu bagaimana jika ukuran gambar yang di pasang di blog tampilannya terlalu besar atau bahkan terlalu kecil, solusinya adalah dengan memasukan kode lebar/width dan tinggi/height kedalam kode gambar di atas, untuk lebih mudahnya di bawah ini sudah saya sediakan kode html gambar yang bisa di rubah ukurannya sesuai dengan yang anda inginkan.  

Untuk Script HTMLnya :

Script HTML
<!doctype html>
<html>
<head>
<title>Dunia Programming</title>
</head>
<body>
<img src="Link Gambar kalian" width="100px" height="50px">
</body>
</html>

Untuk Script HTML bila digabung CSSnya :

Script HTML & CSS
<!doctype html>
<html>
<head>
<title>Dunia Programming</title>
<style type="text/css">
 img {
    width: 100px;
    height: 50px;
}
</style>
</head>
<body>
<img src="Link Gambar kalian" >
</body>
</html>

Keterangan : 
width adalah lebar gambar dan height adalah tinggi gambar, silahkan atur ukurannya sesuai dengan yang kalian  inginkan. 

Bila ada yang perlu diitanyakan, silahkan kalian dapat meninggalkan komentar dibawah artikel ini, atau bisa juga kalian mengirimkan pesan melalui alamat Email Dunia Proramming yang ada pada bagian bawah blog dengan tombol Contact.

sekian untuk Tutorial kali ini dan semoga bermanfaat. Terimakasih

Belum ada Komentar untuk "Cara untuk Mengecilkan dan Membesarkan Ukuran Gambar"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel