Sunday, January 27, 2013

belajar menyisipkan (insert) gambar di html #5



              Image atau gambar didalam sebuah dokumen html berfungsi untuk menambah daya tarik dari sebuah halaman web. Namun penggunaannya akan mengakibatkan bertambah besarnya penggunaan byte dari dokumen html yang secara otomatis akan mengakibatkan pula terhadap kinerja atau melambatnya waktu tampilan dari halaman web teresebut. Sedangkan fungsi pengolahan gambar terdiri dari :
  • 1.       Image aligment/perataan text pada gambar
  • 2.       Image adjustment/ukuran gambar
  • 3.       Image alternative/teks gambar
  • 4.       Image link/link gambar
  • 5.       Image map/pemetaan gambar

Sedangkan sintaknya adalah sebagai berikut :
<img src=”sumber gambar/nama gambar”>
  • -          Perataan text pada gambar

Perataan text terdiri atas dua bagian, yaitu vertical dan horizontal.
  • -          Text gambar

Image alternative digunaman untuk menampilkan text pada saat cursor mouse berada di atas gambar. Sintaknya adalah sebagai berikut :
<img src=”sumber gambar/nama gambar” width=”…” height=”…” alt=”..isi text…”>
  • -          Link gambar

Link gambar digunakan untuk mengaitkan gambar dengan halaman tertentu di dalam sebuah dokumen html.
  • -          Pemetaan gambar

Image map memungkinkan kita untuk memasang beberapa link dalam satu gambar. Hal tersebut memudahkan kita dalam memanggil sebuah halaman web dengan hanya menempatkan sekelompok gambar menjadi satu gambar. Untuk membuat image map, kita harus menambahkan atribut USEMAP pada tag image. Sintaknya adalah sebagai berikut :
<map>
<img src=”sumber gambar/nama gambar” usemap=”#nama_map”>
<map name=”nama_map”>
<area shape=”default rect circ poly” cords=”keterangan” href=”link” alt=”keterangan link”>
</map>

Saya hanya seorang "newbie" yang baru bisa ngoding lohor kemarin.


EmoticonEmoticon