Apa itu gambar inline?

Gambar sebaris adalah gambar grafik yang dimasukkan ke dalam halaman web untuk menambahkan daya tarik visual, memberikan informasi atau untuk mewakili hyperlink.Gambar inline biasanya dalam format GIF, JPEG atau PNG.Mereka dimasukkan ke dalam halaman web menggunakan skema data URI.

Data URI memungkinkan penyematan data berukuran kecil yang dapat langsung diambil oleh browser.Gambar inline diambil oleh browser bersama dengan HTML dan ditampilkan sebagai bagian dari dokumen web.Agar browser dapat mengambil dan menampilkan gambar tanpa terlalu banyak waktu dan masalah, disarankan untuk menggunakan gambar inline berukuran kecil.

Gambar yang lebih besar akan memperlambat waktu pemuatan, dan menyebabkan situs membutuhkan waktu lama untuk muncul di layar.Sebagian besar pengunjung web tidak memiliki kesabaran untuk berkeliaran untuk melihatnya terjadi.Ini akan mempengaruhi lalu lintas situs.

Gambar inline HTML bersumber dari server situs web di mana mereka akan ditampilkan, atau disertakan dari server eksternal lainnya.Menggunakan gambar inline dari sumber eksternal adalah masalah pertengkaran karena ini dapat dilakukan tanpa izin.Tag IMG digunakan untuk memasukkan gambar inline ke dalam paragraf dan judul di halaman web.Tag IMG tidak dapat digunakan dalam bentuk mengambang bebas.Itu harus tertutup di dalam elemen lain.

Atribut yang diperlukan dari tag IMG adalah atribut SRC.Atribut SRC menentukan alamat web atau URL dari mana browser dapat mengambil file gambar.Terlepas dari atribut SRC, gambar inline HTML dapat ditentukan oleh tiga atribut opsional.Ini adalah alt, align dan ismap.

Atribut alt menyediakan alternatif teks gambar inline.Jadi, jika browser pemirsa tidak mendukung grafik, pemirsa akan melihat teks sebagai pengganti gambar.Menggunakan atribut alt sangat disarankan.

Nilai atribut alt dapat berupa string kosong.Misalnya, jika ada gambar dekoratif, tidak perlu memberikan teks alternatif untuk itu.Oleh karena itu, nilai atribut alt dapat dibiarkan kosong.

Gaya gambar inline dapat diatur dengan atribut align.Atribut Align memberi tahu browser di mana gambar inline harus muncul sehubungan dengan teks di halaman web.Gambar sebaris dapat disejajarkan dengan bagian atas, tengah atau bawah teks yang berdekatan di halaman web.

Dengan atribut ISMAP, gambar inline dapat ditandai sebagai peta gambar aktif.Ini berarti bahwa bagian -bagian gambar yang berbeda dapat dibuat untuk menghasilkan tindakan yang berbeda setiap kali seseorang mengklik bagian yang berbeda.Misalnya, jika ada gambar sebaris yang menunjukkan Bumi dan Saturnus, mengklik Bumi dapat menyebabkan informasi tentang Bumi dan mengklik Saturnus dapat menyebabkan informasi tentang Saturnus.

Tidak seperti atribut alt dan align, atribut ISMAP tidak berfungsi olehinklusi belaka dalam tag IMG.Ini membutuhkan beberapa konfigurasi yang dilakukan di server.Sejumlah pengetahuan pemrograman juga mungkin diperlukan.