Assalamualaikum Wr.Wb.
Selama pagi teman-teman pada pagi yang cerah ini admin ingin akan sedikit menjelaskan bagaimana caranya menampilkan gambar pada halaman web. Menampilkan gambar pada halaman web akan membuat kesan menarik bagi pengunjung web yang teman-teman buat, namun tidak untuk semua halaman web tentunya anda tampilkan gambar, itu akan memberikan kesan tidak menarik lagi bagi para pengunjung web teman-teman.
Anda bisa lihat saat ini, halaman web yang ada di internet, hampir semuanya memasukkan unsur gambar, audio bahkan video untuk menarik dan membuat tercengang para pengunjung halaman web yang dibuat. Untuk cara menampilkan audio dan video admin akan bahas pada kesempatan berikutnya, untuk saat ini kita fokus pada pembahasan tentang gambar.
Sebagai contoh, misalnya teman-teman ingin membuat halaman web yang berisikan foto-foto teman-teman, keluarga, sahabat, cinta, atau koleksi barang-barang jualan teman-teman, sesuai dengan kemauan teman-teman.
Untuk memasukkan atau menambahkan gambar ke dalam suatu halaman web sangatlah mudah.
HTML telah menyediakan tag untuk menampilkan gambar pada halaman web, 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 ingin ditampilkan pada halaman web yang teman-teman kerjakan.
<img src=”Nama File” />
Jika gambar yang akan ditampilkan berada di direktori lain, atau berada di situs web lain maka anda perlu menyebutkan juga lokasi dari gambar tersebut.seperti berikut ini :
Format gambar yang umum digunakan adalah JPEG (.jpeg atau .jpg), GIF (.gif) dan PNG (.png).
Ok kita akan melakukan pengkodingan.
1. Buat terlebih dahulu folder/direktori baru dengan nama gambar (D:\GAMBAR\), kemudian sediakan file gambar dengan ekstensi .jpg, contoh : 1.jpg.
2. Buka aplikasi notepad atau notepad ++.
3. Seting seperti yang telah dijelaskan pada pembahasan sebelumnya (
ini).
4. Masukkan koding seperti gambar berikut ini.
5. Simpan dengan nama yang teman-teman inginkan dengan ekstensi .html pada folder/direktori GAMBAR yang sebelumnya telah dibuat.
6. Kemudian buka dengan web browser teman-teman miliki seperti Google Chrome.
Nah teman-teman itu dia tadi sekilas tentang cara menampilkan gambar pada halaman web. Teman-teman silahkan berkreasi pada tag ini dan lakukan berulang kali agar teman-teman cepat mengerti dan mudah mengerjakan jika dikemudian hari ditemukan masalah seperti ini.
Semoga bermanfaat postingan saya ini bagi teman-teman dan saya. Jika ada kesalahan dalam penulisan ini saya mohon maaf.
Salam Admin, Salam Anak Laut.
Artikel keren lainnya:
Belum ada tanggapan untuk "CARA MENAMPILKAN GAMBAR PADA HALAMAN WEB"
Post a Comment
Berikan komentar yang sopan dan sifatnya membangun ya teman