MODUL V
MEMAHAMI FORMAT IMAGE
Image atau gambar di dalam sebuah dokumen html berfungsi untuk menambah daya tarik dari sebuah halaman web. Namun penggunaannya akan mengakibatkan semakin bertambah besarnya penggunaan byte dari dokumen html yang secara otomatis akan berakibat pula terhadap kinerja atau memperlambat waktu tampilan dari halaman web tersebut. Sedangkan fungsi pengolahan gambar terdiri dari :
1. Image Alignment/Perataan teks pada gambar
2. Image Ajustment/Ukuruan gambar
3. Image Alternatif/Teks gambar
4. Image Link/Lingk gambar
5. Image Map/Pemetaan gambar
Sedangkan sintaknya adalah :
<img src=”gambar/sumber gambar”>
Perataan teks pada gambar
Perataan teks pada gambar terdiri atas dua bagian, yaitu Vertikal dan Horizontal
Teks gambar
Image alternatif digunakan untuk meampilkan teks pada saat cursor mouse berada di atas gambar. Sintaknya adalah :
<img src=”gambar/sumber data gambar” width=”...” height=”....”alt=”..isi teks....”>
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 akan 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 :
<map>
image src=’”sumber gambar/gambar”
Usemap=”#nama_map”>
<map name=”nama_map”>
<area shape=”default rect cicr poly”
Coords=”keterangan”href=”link”
Alt=”keterangan_link>
</map>
MEMAHAMI FORMAT IMAGE
Image atau gambar di dalam sebuah dokumen html berfungsi untuk menambah daya tarik dari sebuah halaman web. Namun penggunaannya akan mengakibatkan semakin bertambah besarnya penggunaan byte dari dokumen html yang secara otomatis akan berakibat pula terhadap kinerja atau memperlambat waktu tampilan dari halaman web tersebut. Sedangkan fungsi pengolahan gambar terdiri dari :
1. Image Alignment/Perataan teks pada gambar
2. Image Ajustment/Ukuruan gambar
3. Image Alternatif/Teks gambar
4. Image Link/Lingk gambar
5. Image Map/Pemetaan gambar
Sedangkan sintaknya adalah :
<img src=”gambar/sumber gambar”>
Perataan teks pada gambar
Perataan teks pada gambar terdiri atas dua bagian, yaitu Vertikal dan Horizontal
Teks gambar
Image alternatif digunakan untuk meampilkan teks pada saat cursor mouse berada di atas gambar. Sintaknya adalah :
<img src=”gambar/sumber data gambar” width=”...” height=”....”alt=”..isi teks....”>
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 akan 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 :
<map>
image src=’”sumber gambar/gambar”
Usemap=”#nama_map”>
<map name=”nama_map”>
<area shape=”default rect cicr poly”
Coords=”keterangan”href=”link”
Alt=”keterangan_link>
</map>
Tidak ada komentar:
Posting Komentar