Home » » belajar menyisipkan (insert) gambar di html #5

belajar menyisipkan (insert) gambar di html #5

Written By mediana saputra on Saturday, 26 January 2013 | 18:37



              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>
Share this article :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Turorial Grapich Design and Blog Design - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger