Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Bantu Support Dunia Programming dengan menonaktifkan Adsblock, atau gunakan browser tanpa block iklan, dan jangan lupa klik iklan yang ada disitus ini ya, agar website terus berkembang

Cara Memasukkan Gambar Di Web atau Blog

Halo sahabat setia Dunia Programming, bertemu lagi dengan saya dalam Tutorial Cara Menambahkan Gambar Di Web atau Blog, Sebelum saya tampilkan scriptnya saya beri Materi dulu tentang Memasukkan Gambar kedalam sebuah Halaman Web
Cara Memasukkan Gambar Di Web atau Blog

Dibaca ya, biar kalian faham, bukan sekedar tau aja hehehe
"Baik Min, Siap. Aku akan membaca mulai dari atas sampek bawah"
Suatu halaman web atau blog akan terlihat kaku, terkesan formal, dan sedikit menjemukkan bila tidak disertai dengan gambar. Kita bisa lihat saat ini, halam web yang ada di Blog atau Web lainnya, hampir semuanya memasukkan unsur gambar, animasi, bahkan audio dan video untuk menarik dan membuat tercengang para Visitornya.
"Oh..., Jadi begitu ya Min..., Oke Lanjut Min"
Sebagai contoh lain, misalnya ingin membuat sebuah halaman web yang berisi koleksi foto, maupun barang-barang yang sesuai dengan hobi. Dalam kasus ini, tentu harus memahami teknik menampilkan foto tersebut ke dalam sebuah halaman web, sehingga akan tampil rapi dan menarik.
"Oke, Kalau gitu web aku nantik tak kasih gambar, biar keliatan bagus, dan menarik bagi para pengunjung"
Cara yang diperlukan untuk memasukkan atau menambahkan gambar ke dalam suatau halaman web sangat mudah. 

HTML telah menyediakan tag khusus untuk keperluan ini, yaitu <img>. Tag ini merupakan tag tunggal atau tidak memiliki pasangan. Atribut terpenting dari tag <img> adalah SRC (source atau sumber), yang berisi file gambar yang akan tampil kedalam sebuah halaman web  atau blog kalian.

bentuk umum penggunaan tag <img> adalah :

<img src="nama file kalian">

Jika file yang akan ditampilkan berada di direktori lain, atau bahkan berada di situs web lain, maka kalian perlu menyebutkan juga lokasi atau alamat tempat file itu berada.

Contoh :

<!doctype html>
<html>
<head>
<title>Memasukkan Format gambar kedalam Web</title>
</head>
<body>
<img  src=".../image/printer.jpg">
</body>
</html>

Atau 

<img src="http://www.twp-softwareengineering.blogspot.co.id/image/printer.jpg">

Contoh hasil dokumen HTML di Web Browser :

Hasil Praktek

Format gambar yang sering digunakan dalam halaman web adalah GIF (.gif) dan JPEG (.jpg atau .jpeg)

Apa itu GIF...?

GIF adalah Format Gambar, Bukan Sabun GIF lho hehehe, GIF adalah singkatan dari Graphics Interface Format. Format GIF biasanya terkenal dengan gambar yang bergerak-gerak.
"Ouh, yang Admin Posting Di Tutorial Cara Membuat Cursor Itu Ya...?"
Ya itu juga GIF. biasanya pada gambar ini, para admin web, biasa menggunakan format gambar gif ini untuk mempercantik tampilan blognya, Padahal menurut saya, jika terlalu banyak gambar yang bergerak-gerak itu malah menggangu para pembaca yang ingin mencari informasi di web atau blog kalian.

Jadi Jika kalian ingin menggunakan format gambar GIF, kalian gunakan seperlunya saja, jangan terlalu banyak-banyak. Oke...?
"Oke Lah Min, Thanks atas Infonya. hehehe"
Oke, lanjut ke Format gambar berikutnya.

Apa itu JPEG...?

JPEG adalah singkatan dari Joint Photographic Expert Group. JPEG atau JPG cirinya terletak pada latar belakang gambar, yaitu berwarna putih atau yang lainnya, penggunaan format gambar JPG, biasa digunakan untuk menghiasi content sebuha halam website atau menarik pengunjung untuk berlama-lama di web atau blog kalian.

Selain kedua format tersebut, saat ini juga sudah mulai banyak digunakan gambar dengan format PNG (.png) 

Apa itu PNG...? 
PNG adalah singkatan dari Portable Network Graphics Yang biasa kita sebut sebagai gambar tanpa latar background, atau tembus pandang.

Oke Tutorial kali ini cukup sampai disini saja, apabila kalian masih kebingungan atau belum faham, bisa tinggalkan komentar dibawah ini, atau juga bisa kirim pesan kalian melalui Email pada bagian bawah blog DUnia Programming dengan cara Klik Tombol Contact.

Post a Comment for "Cara Memasukkan Gambar Di Web atau Blog"

Berlangganan via Email