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 |
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>
<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>
<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>
<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
sekian untuk Tutorial kali ini dan semoga bermanfaat. Terimakasih
Belum ada Komentar untuk "Cara untuk Mengecilkan dan Membesarkan Ukuran Gambar"
Posting Komentar