Sangat mudah untuk menyertakan image ke dalam dokumen HTML. Tag IMG adalah tag yang tertutup. a = lokasi source/image yang akan kita sertakan b = lebar horizontal c = tinggi secara vertikal

Isi Materi

Sangat mudah untuk menyertakan image ke dalam dokumen HTML. Tag IMG adalah tag yang tertutup.



a = lokasi source/image yang akan kita sertakan
b = lebar horizontal
c = tinggi secara vertikal
d = ukuran border yang akan menjadi frame image
e = teks yang akan muncul sebagai pengganti bila image tidak diload
f = pengaturan rata halaman (LEFT, RIGHT, TOP, MIDDLE, BOTTOM)

Bagian yang paling penting untuk disertakan adalah SRC sebab ini memberi petunjuk file mana yang akan digunakan sebagai image. Atribut lain bersifat opsional, sehingga tag IMG yang paling sederhana adalah :



SRC berarti ?SOURCE? dari dokumen gambar. Ini menunjuk kepada nama file image, yang akan disertakan dalam dokumen.

Sangat baik bila kita membiasakan diri menggunakan atribut tinggi dan lebar pada kode kita, karena akan sangat memudahkan bagi broser untuk mengatur lay out halaman dokumen saat loading apabila telah dispesifikasikan terlebih dahulu. Halaman akan di load lebih cepat, kemudian menyusul image-image untuk di load berikutnya.

Format Grafik/Image yang digunakan di web :

GIF- berarti Graphic Interchange Format, sebuah palet image 8-bit (256 color) berformat dengan 2-bit alpha mask (transparansi). GIFs tidak memilik kompresi yang dapat terlihat. Gunakan format ini bila anda ingin menampilkan gambar-gambar ilustrasi, kartun dan lain-lain yang memiliki jumlah warna sedikit serta blok-blok warna berukuran besar.

JPG- sebuah format image 24-bit color, dengan kompresi yang dapat terlihat pada kualitas yang rendah. Gunakan format ini untuk menampilakn foto, dan warna-warna yang lebih kaya.

Coba berlatih untuk mencari optimasi dari kedua-nya.